bug fixes

src/pages/shop.vue

@@ -21,9 +21,6 @@
                 </template>
                 <div class="swiper-scrollbar" slot="scrollbar"></div>
               </swiper>
-              <!-- <ul>
-                <li v-for="(item, index) in swiperBtnItem" :key="index" @click="tabSwiper(item)"></li>
-              </ul> -->
             </div>
           </div>
           <div class="order-detail">
@@ -31,15 +28,18 @@
             <div class="price">
               <div class="name">价格</div>
               <div class="num"><span>￥</span>{{ commodityData.price_zone }}</div>
-              <div class="stock">
-                库存<br /><span>{{ commodityData.stock }}</span
-                >件
-              </div>
             </div>
             <div class="freight">
               <div class="name">运费</div>
               <div class="val">无需配送</div>
             </div>
+            <div class="freight">
+              <div class="name">库存</div>
+              <div class="stock">
+                <span> {{ commodityData.stock }}</span
+                >件
+              </div>
+            </div>
             <div class="buy-btn" @click="dialogVisible = true" v-if="commodityData.status === '2'">
               {{ buttonText }}
             </div>
@@ -237,29 +237,17 @@ export default {
               font-weight: bold;
               font-size: 32px;
               color: #c01540;
-              // text-align: right;
-              padding-left: 10px;
+              padding-left: 20px;
               white-space: nowrap;
               span {
                 font-size: 24px;
               }
             }
-            .stock {
-              margin-left: 10px;
-              padding: 0 20px;
-              border-left: 1px solid #dedede;
-              height: 42px;
-              font-size: 14px;
-              color: #a0a0a0;
-              span {
-                color: rgba(192, 21, 64, 1);
-                font-size: 18px;
-              }
-            }
           }
           .freight {
             display: flex;
-            padding: 22px 0;
+            align-items: center;
+            margin: 22px 0;
             .name {
               font-size: 14px;
               line-height: 100%;
@@ -267,12 +255,20 @@ export default {
               margin-left: 16px;
             }
             .val {
-              margin-left: 39px;
+              margin-left: 20px;
               font-size: 14px;
               font-family: Source Han Sans CN;
-              line-height: 100%;
               color: #434343;
             }
+            .stock {
+              margin-left: 20px;
+              font-size: 14px;
+              color: #a0a0a0;
+              span {
+                color: rgba(192, 21, 64, 1);
+                font-size: 18px;
+              }
+            }
           }
           .buy-btn {
             width: 198px;