图书详情 无位置时显示样式

src/views/module/bookDetails.vue

@@ -27,14 +27,14 @@
               所在位置
             </div>
             <ul class="local-list">
-              <li v-if="!bookData.bookPlace">
-                <svg class="icon svg-icon" aria-hidden="true">
+              <li v-if="!bookData.bookPlace" class="local-none">
+                <!-- <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-weizhi" />
-                </svg>
-                <span>当前图书暂未查到位置</span>
+                </svg> -->
+                <span>当前图书暂未查到位置信息</span>
               </li>
               <!--  -->
-              <li v-else>
+              <li v-else class="local-list-info">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-weizhi" />
                 </svg>
@@ -186,19 +186,27 @@ export default {
       background: #D0E0F9;
       overflow: hidden;
       overflow-y: auto;
-
-      li{
+      position: relative;
+      font-size: 26px;
+      .local-list-info{
         height: 56px;
         line-height: 56px;
         background-color: #fff;
         // margin-right: 8px;
         margin-bottom: 15px;
         padding-left: 13px;
-        font-size: 26px;
         span{
           margin-left: 19px;
         }
       }
+      .local-none{
+        width: 100%;
+        text-align: center;
+        position: absolute;
+        // left: 50%;
+        top: 50%;
+        transform: translateY(-50%);
+      }
     }
   }
 }