浏览代码

详情优化

yuany 3 年之前
父节点
当前提交
a610298644
共有 3 个文件被更改,包括 16 次插入9 次删除
  1. 二进制
      public/favicon.png
  2. 4 4
      src/views/asset/Detail.vue
  3. 12 5
      src/views/product/Detail.vue

二进制
public/favicon.png


+ 4 - 4
src/views/asset/Detail.vue

@@ -1336,20 +1336,20 @@ export default {
                     .list_of_details_one_title_one_text1 {
                         padding: 0px 6px;
                         box-sizing: border-box;
-                        height: 16px;
+                        // height: 16px;
                         background: #f9ddb3;
                         border-radius: 3px;
                         color: #282d3a;
                         margin-right: 6px;
-                        line-height: 16px;
+                        line-height: 17px;
                     }
                     .list_of_details_one_title_one_text2 {
                         padding: 0px 6px;
                         box-sizing: border-box;
-                        height: 16px;
+                        // height: 16px;
                         background: #323743;
                         border-radius: 3px;
-                        line-height: 16px;
+                        line-height: 17px;
                         color: #f9ddb3;
                     }
                 }

+ 12 - 5
src/views/product/Detail.vue

@@ -622,7 +622,14 @@
                         </div>
                     </div>
                     <div v-else-if="this.isLogin && !info.purchaseQualifications" class="sold_out">未获取购买资格</div>
-                    <div v-else class="collection_sold_out" @click="collectionSoldOut">藏品购买/售罄</div>
+                    <div v-else-if="!this.isLogin && !isSolded" class="buy_now" @click="collectionSoldOut">
+                        <div class="buy_now_con">购买</div>
+                        <div class="buy_now_tip">
+                            <span class="purchase_sold">已售&nbsp;{{ info.sale }}</span>
+                            <span class="Purchase_surplus">剩余{{ info.stock }}</span>
+                        </div>
+                    </div>
+                    <div v-else class="sold_out">已售罄</div>
                 </div>
                 <div v-else-if="!info.hasSubscribe && !isSolded && !isSold">
                     <div class="buy_now" @click="buyNow">
@@ -1340,7 +1347,7 @@ export default {
                         font-family: PingFangSC-Regular, PingFang SC;
                         font-weight: 400;
                         color: #282d3a;
-                        line-height: 16px;
+                        line-height: 17px;
                         margin-right: 6px;
                         white-space: nowrap;
                     }
@@ -1355,7 +1362,7 @@ export default {
                         font-family: PingFangSC-Regular, PingFang SC;
                         font-weight: 400;
                         color: #282d3a;
-                        line-height: 16px;
+                        line-height: 17px;
                     }
                     .limited_label_total {
                         padding: 0px 6px;
@@ -1367,7 +1374,7 @@ export default {
                         font-family: PingFangSC-Regular, PingFang SC;
                         font-weight: 400;
                         color: #f9ddb3;
-                        line-height: 16px;
+                        line-height: 17px;
                         margin-right: 6px;
                         white-space: nowrap;
                     }
@@ -1380,7 +1387,7 @@ export default {
                         font-family: PingFangSC-Regular, PingFang SC;
                         font-weight: 400;
                         color: #f9ddb3;
-                        line-height: 16px;
+                        line-height: 17px;
                         background: #323743;
                         white-space: nowrap;
                     }