Fix:【商城小程序】商品详情页—规格详情页—【缺货】按钮与右侧规格框有重叠，规格之间的间距再调宽一点

components/ProductWindow.vue

@@ -21,7 +21,7 @@
       <view class="productWinList">
         <view class="item" v-for="(item, indexw) in attr.productAttr" :key="indexw">
           <view class="title">{{ item.attrName }}</view>
-          <view class="listn acea-row row-middle">
+          <view class="listn acea-row v12-justify-between">
             <view
               v-for="(itemn, indexn) in item.attrValue"
               :key="indexn"
@@ -33,7 +33,7 @@
               @click="tapAttr(indexw, indexn, itemn)"
             >
               {{ itemn.attr }}
-                <text v-if="getAttrItemData(itemn.attr).stock === 0" class="less-tag">缺货</text>
+                <text v-if="getAttrItemData(itemn.attr).stock === 0" class="less-tag" style="color: #fff !important;">缺货</text>
             </view>
           </view>
         </view>
@@ -146,6 +146,9 @@ export default {
 }
 </script>
 <style scope>
+  .itemn{
+    margin: 28rpx 0 0 14rpx !important;
+  }
   .money{
     margin-top: 0 !important
   }
@@ -164,8 +167,8 @@ export default {
     border-radius: 8rpx;
     height: 38rpx;
     line-height: 38rpx;
-    right: -18px;
-    top: -12px;
+    right: -15px;
+    top: -10px;
     padding: 0 3px;
     font-size: 24rpx;
     font-weight:400