修改

src/main/nine-space/src/views/asset/Detail.vue

@@ -204,11 +204,12 @@
                 说明：<span>{{ list2.remark || '暂无' }}</span>
             </div>
             <div v-if="list2.type == 'code'">
-                <div class="id">
-                    {{ list2.id }}
-                    <img @click="copy" src="../../assets/svgs/copy_icon.svg" alt="" />
+                <div class="copy">
+                    <div class="id">
+                        {{ list2.id }}
+                    </div>
+                    <img class="copyImg" @click="copy" src="../../assets/svgs/copy_icon.svg" alt="" />
                 </div>
-
                 <span class="span">说明：</span> <span>{{ list2.remark || '暂无' }}</span>
                 <div class="border"></div>
                 <div class="code">每次交易都会产生校验码</div>
@@ -349,11 +350,6 @@ export default {
             );
         },
         privilegeFn(init) {
-            // if (init.type == 'qrcode') {
-            //     ('截止时间：');
-            // } else {
-            //     ('打开时间：');
-            // }
             this.list2 = init;
             // this.show = true;
             // && !init.opened
@@ -812,16 +808,25 @@ export default {
         color: #939599;
         font-size: 12px;
     }
-    .id {
+    .copy {
         width: 220px;
         height: 42px;
         background: #f5f7fa;
         border-radius: 24px;
-        text-align: center;
-        line-height: 42px;
-        font-size: 16px;
         margin-bottom: 16px;
-        color: #303133;
+        justify-content: center;
+        display: flex;
+        align-items: center;
+        .id {
+            font-size: 16px;
+            color: #303133;
+        }
+        .copyImg {
+            width: 18px;
+            height: 18px;
+            margin-left: 6px;
+            cursor: pointer;
+        }
     }
     span {
         color: #303133;

src/main/pc-space/src/views/AssetDetail.vue

@@ -123,20 +123,24 @@
                     <div class="name name1">悄悄话<span>（灰色表示已使用）</span></div>
                     <div class="name name2">持有特权<span>（灰色表示已使用）</span></div>
                 </div>
-                <div class="init1" v-if="privileges.length > 0">
+                <div class="init1">
                     <div class="name">{{ info.category }}</div>
                     <div class="bor"></div>
-                    <div class="box">
+                    <div class="box" v-if="init2 != ''">
                         <img @click="Whisper" v-if="init2.opened" class="img" :src="init2.icon[2]" alt="" />
                         <img @click="Whisper" v-else class="img" :src="init2.icon[0]" alt="" />
                     </div>
+                    <div class="del" v-else>铸造者未设置</div>
                     <div class="bor"></div>
-                    <div v-for="(item, index) in init" :key="index">
-                        <div @click="privilegeFn(item)">
-                            <img v-if="item.opened" class="img2" :src="item.icon[2]" alt="" />
-                            <img v-if="!item.opened" class="img2" :src="item.icon[3]" alt="" />
+                    <div class="iconBox" v-if="init.length > 0">
+                        <div v-for="(item, index) in init" :key="index">
+                            <div @click.stop="privilegeFn(item)">
+                                <img v-if="item.opened" class="img2" :src="item.icon[2]" alt="" />
+                                <img v-if="!item.opened" class="img2" :src="item.icon[3]" alt="" />
+                            </div>
                         </div>
                     </div>
+                    <div class="del" v-else>铸造者未设置</div>
                 </div>
                 <div style="margin-top: 30px" v-if="properties.length != 0">
                     <div class="time">
@@ -234,11 +238,12 @@
                 说明：<span>{{ list2.remark || '暂无' }}</span>
             </div>
             <div v-if="list2.type == 'code'">
-                <div class="id">
-                    {{ list2.id }}
-                    <!-- <img @click="copy" src="../../assets/svgs/copy_icon.svg" alt="" /> -->
+                <div class="copy">
+                    <div class="id">
+                        {{ list2.id }}
+                    </div>
+                    <img class="copyImg" @click="copy" src="../assets/user/copy_icon@3x (1).png" alt="" />
                 </div>
-
                 <span class="span">说明：</span> <span>{{ list2.remark || '暂无' }}</span>
                 <div class="border"></div>
                 <div class="code">每次交易都会产生校验码</div>
@@ -322,6 +327,16 @@ export default {
         }
     },
     methods: {
+        copy() {
+            this.$copyText(this.list2.id).then(
+                e => {
+                    this.$message.success('复制成功');
+                },
+                e => {
+                    this.$message.warning('复制失败');
+                }
+            );
+        },
         handleClose2() {
             this.show3 = false;
             this.getDetail();
@@ -344,6 +359,7 @@ export default {
             }
         },
         privilegeFn(init) {
+            console.log(this.init2.length);
             this.list2 = init;
             if (!init.once) {
                 this.show4 = true;
@@ -527,6 +543,7 @@ export default {
     }
 }
 </style>
+
 <style lang="less" scoped>
 /deep/ .el-dialog__body {
     padding: 0 16px 12px !important;
@@ -593,16 +610,25 @@ export default {
         color: #939599;
         font-size: 12px;
     }
-    .id {
+    .copy {
         width: 300px;
         height: 42px;
         background: #f5f7fa;
         border-radius: 24px;
-        text-align: center;
-        line-height: 42px;
-        font-size: 16px;
         margin-bottom: 16px;
-        color: #303133;
+        justify-content: center;
+        display: flex;
+        align-items: center;
+        .id {
+            font-size: 16px;
+            color: #303133;
+        }
+        .copyImg {
+            width: 18px;
+            height: 18px;
+            margin-left: 6px;
+            cursor: pointer;
+        }
     }
     span {
         color: #303133;
@@ -731,21 +757,31 @@ export default {
             .box {
                 width: 220px;
             }
+            .del {
+                font-size: 14px;
+                width: 220px;
+                font-weight: 400;
+                color: #939599;
+                line-height: 24px;
+                padding-left: 16px;
+            }
             .img {
                 width: 24px;
                 height: 24px;
                 padding-left: 16px;
                 cursor: pointer;
             }
-            .img2 {
-                width: 24px;
-                height: 24px;
-                padding-left: 50px;
-                cursor: pointer;
+            .iconBox {
+                margin-left: -34px;
+                display: flex;
+                align-items: center;
+                .img2 {
+                    width: 24px;
+                    height: 24px;
+                    padding-left: 50px;
+                    cursor: pointer;
+                }
             }
-            // .img2:nth-last-child(1) {
-            //     padding-left: 16px;
-            // }
         }
         .works {
             display: flex;
@@ -807,10 +843,12 @@ export default {
             .info4 {
                 color: #fff;
                 padding: 16px;
-                width: 400px;
-                overflow: hidden;
-                white-space: nowrap !important;
-                text-overflow: ellipsis !important;
+                .text1 {
+                    width: 400px;
+                    overflow: hidden;
+                    white-space: nowrap !important;
+                    text-overflow: ellipsis !important;
+                }
             }
         }
         .title {
@@ -1202,7 +1240,7 @@ export default {
     }
     .el-collapse-item__content {
         background-color: #1f2230;
-        height: 120px !important;
+        height: 100px !important;
     }
     .el-table {
         background-color: transparent;

src/main/pc-space/src/views/CollectionDetail.vue

@@ -69,7 +69,7 @@
                         首发抢购倒计时<span>{{ startTime }}</span>
                     </div>
                 </div>
-                <div class="price" v-if="info.salable">
+                <div style="padding-bottom: 20px" class="price" v-if="info.salable">
                     <div class="price1">
                         <div class="price2">价格</div>
                         <img class="price3" src="../assets/img/icon_jiage@3x.png" alt="" />
@@ -100,6 +100,7 @@
                         >立即购买</el-button
                     >
                 </div>
+
                 <div v-if="properties.length > 0">
                     <div class="time">
                         <div class="time1">商品特性</div>
@@ -525,9 +526,7 @@ export default {
                 width: 120px;
                 height: 62px;
                 text-align: center;
-                border-radius: 4px;
-                border: 1px solid;
-                border-image: linear-gradient(135deg, rgba(0, 255, 203, 1), rgba(0, 110, 255, 1)) 1 1;
+                .line();
                 .box2 {
                     font-size: 14px;
                     font-weight: 400;

src/main/pc-space/src/views/user/Give.vue

@@ -8,7 +8,7 @@
                     </div>
                 </el-radio-button>
             </el-radio-group>
-            <div class="search-list">
+            <!-- <div class="search-list">
                 <el-input
                     class="search"
                     prefix-icon="el-icon-search"
@@ -18,7 +18,7 @@
                     @change="onSearch"
                 >
                 </el-input>
-            </div>
+            </div> -->
         </div>
         <div class="border" style="margin: 30px 0"></div>