热门书架排行榜加图标

src/assets/styles/index.scss

@@ -391,6 +391,10 @@
       .book-num{
         width: 230px;
       }
+    }
+  }
+}
+
 .place-detail{
   flex: 1;
   text-align: right;
@@ -399,9 +403,6 @@
   background: url('~@/assets/images/img10.png') no-repeat right center;
   background-size: 39px 38px;
 }
-    }
-  }
-}
 
 .book-bottom{
   position: relative;

src/views/girdList.vue

@@ -91,17 +91,11 @@
           </div>
 
         </div>
-
-        <!-- <ul style="display: flex; justify-content: flex-start; padding: 20px; margin-top: 20px;">
-          <li v-for="(item,index) in rackOptions" :key="index" style=" background-color: red; padding: 0 10px; margin-right: 10px;">{{ item.name }}</li>
-        </ul> -->
-
         <ul class="change-layer">
           <li v-for="(item,index) in rackOptions" :key="index" :class="{ 'active': layerVal === index+1 }" @click="changeShelfGetGrid(parseInt(item.name))">{{ item.name }}</li>
         </ul>
       </div>
     </div>
-
     <BookDetails ref="bookDetailsRef" />
   </div>
 </template>
@@ -210,7 +204,6 @@ export default {
 
         this.getInitBookDetailsByGrids(this.shelfAllGridData)
 
-        // this.getBillByShelfIdAndGridShelf(this.shelfAllGridData)
         this.initSwiper()
       }).catch(() => {
       })
@@ -458,37 +451,6 @@ export default {
         background-size: 100% 100%;
       }
     }
-    // .book-item{
-    //   position: relative;
-    //   display: inline-block;
-    //   width: 42px;
-    //   height: 120px;
-    //   margin-top: 18px;
-    //   background: url('~@/assets/images/shelf03.png') no-repeat left top;
-    //   background-size: 100% 100%;
-    //   margin-left: -15px;
-    //   cursor: pointer;
-    //   span.book-name{
-    //     position: absolute;
-    //     left: 15px;
-    //     top: 16px;
-    //     display: block;
-    //     height: 90px;
-    //     font-size: 12px;
-    //     writing-mode:vertical-rl;
-    //     overflow: hidden;
-    //     white-space: nowrap;
-    //     text-overflow: ellipsis;
-    //   }
-    //   &.red-active{
-    //     background: url('~@/assets/images/shelf05.png') no-repeat left top;
-    //     background-size: 100% 100%;
-    //   }
-    //   &.blue-active{
-    //     background: url('~@/assets/images/shelf06.png') no-repeat left top;
-    //     background-size: 100% 100%;
-    //   }
-    // }
   }
 
 }

src/views/module/shelfRanking.vue

@@ -4,7 +4,7 @@
     <ul class="ranking-list-bottom shelf-list">
       <li v-for="(item,index) in shelfHot" :key="index" @click="handleShelfPosition(item)">
         <span>{{ 'TOP'+ (index+1) }}</span>
-        <p class="title-item-only">{{ removeAreaPrefix(item.grid_name) }}</p>
+        <p class="title-item-only place-detail">{{ removeAreaPrefix(item.grid_name) }}</p>
       </li>
     </ul>
 
@@ -138,4 +138,8 @@ export default {
 ::v-deep .el-dialog__header{
   border-bottom: 1px solid #EDEFF3;
 }
+.place-detail{
+  padding-right: 46px;
+  background-size: 29px 30px;
+}
 </style>

src/views/regionsList.vue

@@ -13,18 +13,9 @@
         </div>
       </div>
       <div class="home-wrap tab-content">
-        <!-- <ul class="fixed-menu">
-        <li v-for="(item,index) in regionOptions" :key="index" :class="{ 'active': tabIndex == index }" @click="changeActiveTab(index)">{{ item.regionName }}<i /></li>
-      </ul> -->
         <ul class="tab-nav">
           <li v-for="(item,index) in regionOptions" :key="index" :class="{ 'active-tab-nav': tabIndex == index }" @click="changeActiveTab(index)">{{ item.regionName }}<i /></li>
         </ul>
-        <!-- <div class="total-data">
-        <span>楼层概况</span>
-        <p>区域：{{ baseData.regionCount }}</p>
-        <p>书架：{{ baseData.shelfCount }}</p>
-        <p>摄像头：{{ baseData.deviceCount }}</p>
-      </div> -->
         <CanvasPreview ref="previewRefs" v-loading="prewLoading" page-preview="region" :current-mark-data="currentMarkData" :image-url="imageUrl" />
       </div>
     </div>