swiper

src/views/bookRackList.vue

@@ -25,17 +25,6 @@
           <p><span style="margin-right:25px">第一层</span><span>(共15本)</span></p>
           <span class="icon iconfont icon-r" @click="handlePage(1)">&#xe62f;</span>
         </div> -->
-        <!-- <swiper
-          class="swiper rack-box-list"
-          :options="swiperOption"
-        >
-          <swiper-slide v-for="(eitem , eindex) in bookList" :key="eitem.id" class="list-item" @click="handleDetails(eindex)">
-            <div class="box-txt">
-              <span class="book-name">{{ eitem.title }}  {{ eindex+1 }}</span>
-              <span class="book-writer">{{ eitem.author }}</span>
-            </div>
-          </swiper-slide>
-        </swiper> -->
         <div :class="['swiper'+index,'rack-box-list']">
           <div class="swiper-wrapper">
             <div v-for="(eitem , eindex) in bookList" :key="eitem.id" class="list-item swiper-slide" @click="handleDetails(eindex)">
@@ -46,7 +35,7 @@
             </div>
           </div>
         </div>
-        <div :class="['swiper-nav'+index,'rack-floor']">
+        <div class="'rack-floor'">
           <span :class="['icon','iconfont','icon-l'+index]" @click="handlePage(-1)">&#xe631;</span>
           <p><span style="margin-right:25px">第{{ index+1 }}层</span><span>(共 {{ bookList.length }}本)</span></p>
           <span :class="['icon','iconfont','icon-r'+index]" @click="handlePage(1)">&#xe62f;</span>
@@ -95,7 +84,6 @@ export default {
   methods: {
     initSwiper1() {
       this.$nextTick(() => {
-        // const objName = document.get
         this.bookList.forEach((el, index) => {
           new Swiper('.swiper' + index, {
             slidesPerView: 'auto',