展示

src/views/asset/Detail.vue

@@ -23,12 +23,17 @@
             </div>
             <div class="price-line">
                 <template v-if="info.consignment">
-                    <div class="price">
-                        <img src="@assets/jiage_huang.png" alt="" />
-                        <span>{{ info.sellPrice || 0 }}</span>
-                    </div>
-                    <div class="sub" v-if="info.royalties">
-                        含 <span>{{ info.royalties }}%</span> 版税
+                    <div class="price-left">
+                        <div class="price-left-top">寄售中</div>
+                        <div class="price-left-bottom">
+                            <div class="price">
+                                <img src="@assets/jiage_huang.png" alt="" />
+                                <span>{{ info.sellPrice || 0 }}</span>
+                            </div>
+                            <div class="sub" v-if="info.royalties">
+                                含 <span>{{ info.royalties }}%</span> 版税
+                            </div>
+                        </div>
                     </div>
                 </template>
 
@@ -40,7 +45,14 @@
                 </div>
                 <div class="flex1"></div>
 
-                <span class="text1" v-if="info.number"> 编号 {{ info.number }} </span>
+                <span class="text1" v-if="info.number">
+                    <div class="text1-top">
+                        编号
+                    </div>
+                    <div class="text1-bottom">
+                        {{ info.number }}
+                    </div>
+                </span>
             </div>
             <!-- <div class="title">{{ info.name }}</div> -->
             <div class="info-bottom">
@@ -203,6 +215,14 @@
                 <div class="page-title">作品描述</div>
                 <div class="page-text" v-html="info.detail"></div>
             </template> -->
+            <!-- <div class="del">
+                <van-button @click="delCollection" block round color="#1C1C1C">
+                    <div class="del-icon">
+                        <img src="@assets/icon-del.png" alt="" />
+                        <span>销毁藏品</span>
+                    </div>
+                </van-button>
+            </div> -->
         </div>
 
         <!-- <div class="btn van-safe-area-bottom" ref="btn" v-if="isBuy">
@@ -751,6 +771,14 @@ export default {
             this.getProduct(true).then(() => {
                 this.isLoading = false;
             });
+        },
+        delCollection() {
+            this.$dialog
+                .confirm({
+                    title: '销毁藏品操作确认',
+                    message: '确认销毁后，藏品将从您的藏品室转移，您可在“我的-交易记录”中查看您的销毁记录"。'
+                })
+                .then(() => {});
         }
     },
     beforeRouteLeave(from, to, next) {
@@ -861,8 +889,11 @@ export default {
     }
 
     .price-line {
-        display: flex;
-        align-items: flex-end;
+        .flex();
+        background: #1c1c1c;
+        padding: 12px 16px;
+        border-radius: 12px;
+        margin-top: 12px;
         .sub {
             flex-grow: 1;
             margin-left: 5px;
@@ -874,6 +905,20 @@ export default {
             }
         }
 
+        .price-left {
+            .flex-col();
+            .price-left-top {
+                font-size: 12px;
+                color: #939599;
+                line-height: 24px;
+            }
+        }
+
+        .price-left-bottom {
+            .flex();
+            align-items: flex-end;
+        }
+
         .text1 {
             font-size: @font1;
             color: @text3;
@@ -881,6 +926,19 @@ export default {
             span {
                 margin-left: 10px;
             }
+
+            .text1-top {
+                font-size: 12px;
+                color: #939599;
+                line-height: 24px;
+            }
+            .text1-bottom {
+                font-size: 16px;
+                font-weight: bold;
+                color: #939599;
+                line-height: 32px;
+                text-align: right;
+            }
         }
     }
 
@@ -1626,4 +1684,25 @@ export default {
         border-top: 1px solid #202122;
     }
 }
+
+.del {
+    padding: 30px 16px;
+    background-color: #0f0f0f;
+    .van-button {
+        border-color: #303133 !important;
+    }
+    .del-icon {
+        .flex();
+        img {
+            width: 24px;
+            height: 24px;
+        }
+        span {
+            font-size: 14px;
+            color: #ffffff;
+            line-height: 24px;
+            margin-left: 10px;
+        }
+    }
+}
 </style>