.

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

@@ -34,9 +34,36 @@
                                 <span>链上信息</span>
                             </template>
                             <div class="info4">
-                                <div class="text1">Hash地址：{{ info.txHash }}</div>
-                                <div class="text1">区块高度： {{ info.blockNumber }}</div>
-                                <div class="text1">令牌ID： {{ info.tokenId }}</div>
+                                <div class="hash-con">
+                                    <div class="text1">Hash地址</div>
+                                    <div class="hash-right">
+                                        <img
+                                            @click="copyAddress"
+                                            class="hash-img"
+                                            src="../assets/detail/copy_icon@3x (2).png"
+                                            alt=""
+                                        />
+                                        <span class="hash-text">{{ info.txHash }}</span>
+                                    </div>
+                                </div>
+                                <div class="hash-con">
+                                    <div class="text1">区块高度</div>
+                                    <div class="hash-right textName">
+                                        <span class="hash-text">{{ info.blockNumber }}</span>
+                                    </div>
+                                </div>
+                                <div class="hash-con">
+                                    <div class="text1">令牌ID</div>
+                                    <div class="hash-right">
+                                        <img
+                                            @click="copyId"
+                                            class="hash-img"
+                                            src="../assets/detail/copy_icon@3x (2).png"
+                                            alt=""
+                                        />
+                                        <span class="hash-text">{{ info.tokenId }}</span>
+                                    </div>
+                                </div>
                             </div>
                         </el-collapse-item>
                     </el-collapse>
@@ -250,7 +277,7 @@
                 </div>
                 <div class="content">
                     <el-collapse v-model="activeNames" :accordion="false">
-                        <el-collapse-item name="4">
+                        <el-collapse-item name="7">
                             <template slot="title">
                                 <img class="imgs" src="../assets/detail/icon-texing@3x.png" alt="" />
                                 <span>商品特性</span>
@@ -478,6 +505,26 @@ export default {
         }
     },
     methods: {
+        copyId() {
+            this.$copyText(this.info.tokenId).then(
+                e => {
+                    this.$message.success('复制成功');
+                },
+                e => {
+                    this.$message.warning('复制失败');
+                }
+            );
+        },
+        copyAddress() {
+            this.$copyText(this.info.txHash).then(
+                e => {
+                    this.$message.success('复制成功');
+                },
+                e => {
+                    this.$message.warning('复制失败');
+                }
+            );
+        },
         isShowPopover(type, flag) {
             for (let key in this.popoverStatus) {
                 if (type === key) {
@@ -1198,13 +1245,39 @@ export default {
                 margin: 0 16px;
             }
             .info4 {
-                color: #fff;
+                font-size: @menuFont2;
+                color: #939599;
+                line-height: 24px;
                 padding: 10px 16px;
-                .text1 {
-                    width: 400px;
-                    overflow: hidden;
-                    white-space: nowrap !important;
-                    text-overflow: ellipsis !important;
+                .hash-con {
+                    display: flex;
+                    align-items: center;
+                    .text1 {
+                        min-width: 70px;
+                    }
+                    .hash-right {
+                        display: flex;
+                        align-items: center;
+                        margin-left: 122px;
+                        &.textName {
+                            margin-left: 356px;
+                        }
+                        .hash-img {
+                            width: 18px;
+                            height: 18px;
+                            margin-right: 3px;
+                            cursor: pointer;
+                        }
+                        .hash-text {
+                            font-size: @menuFont2;
+                            color: #939599;
+                            line-height: 24px;
+                            width: 280px;
+                            overflow: hidden;
+                            white-space: nowrap !important;
+                            text-overflow: ellipsis !important;
+                        }
+                    }
                 }
             }
         }

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

@@ -33,10 +33,37 @@
                                 <img class="imgs" src="../assets/icon-lianshangxinxi.png" alt="" />
                                 <span>链上信息</span>
                             </template>
-                            <div class="info4">
-                                <div class="text1">Hash地址：{{ info.txHash }}</div>
-                                <div class="text1">区块高度： {{ info.blockNumber }}</div>
-                                <div class="text1">令牌ID： {{ info.tokenId }}</div>
+                            <div class="info-hash">
+                                <div class="hash-con">
+                                    <div class="text1">Hash地址</div>
+                                    <div class="hash-right">
+                                        <img
+                                            @click="copyAddress"
+                                            class="hash-img"
+                                            src="../assets/detail/copy_icon@3x (2).png"
+                                            alt=""
+                                        />
+                                        <span class="hash-text">{{ info.txHash }}</span>
+                                    </div>
+                                </div>
+                                <div class="hash-con">
+                                    <div class="text1">区块高度</div>
+                                    <div class="hash-right textName">
+                                        <span class="hash-text">{{ info.blockNumber }}</span>
+                                    </div>
+                                </div>
+                                <div class="hash-con">
+                                    <div class="text1">令牌ID</div>
+                                    <div class="hash-right">
+                                        <img
+                                            @click="copyId"
+                                            class="hash-img"
+                                            src="../assets/detail/copy_icon@3x (2).png"
+                                            alt=""
+                                        />
+                                        <span class="hash-text">{{ info.tokenId }}</span>
+                                    </div>
+                                </div>
                             </div>
                         </el-collapse-item>
                     </el-collapse>
@@ -166,7 +193,7 @@
                                 <div class="name-store" v-if="info.category">{{ info.category }}</div>
                                 <div class="Notset" v-else>铸造者未设置</div>
                                 <div class="bor"></div>
-                                <div style="width: 223px">
+                                <div style="width: 228px">
                                     <div class="box" v-if="init2 != ''">
                                         <div
                                             v-if="init2"
@@ -378,6 +405,26 @@ export default {
         }
     },
     methods: {
+        copyId() {
+            this.$copyText(this.info.tokenId).then(
+                e => {
+                    this.$message.success('复制成功');
+                },
+                e => {
+                    this.$message.warning('复制失败');
+                }
+            );
+        },
+        copyAddress() {
+            this.$copyText(this.info.txHash).then(
+                e => {
+                    this.$message.success('复制成功');
+                },
+                e => {
+                    this.$message.warning('复制失败');
+                }
+            );
+        },
         isShowPopover(type, flag) {
             for (let key in this.popoverStatus) {
                 if (type === key) {
@@ -763,7 +810,7 @@ export default {
                 }
             }
             .iconBox {
-                margin-left: -18px;
+                margin-left: -21px;
                 display: flex;
                 align-items: center;
                 position: absolute;
@@ -944,6 +991,42 @@ export default {
             color: #fff;
             padding: 10px 16px;
         }
+        .info-hash {
+            font-size: @menuFont2;
+            color: #939599;
+            line-height: 24px;
+            padding: 10px 16px;
+            .hash-con {
+                display: flex;
+                align-items: center;
+                .text1 {
+                    min-width: 70px;
+                }
+                .hash-right {
+                    display: flex;
+                    align-items: center;
+                    margin-left: 122px;
+                    &.textName {
+                        margin-left: 356px;
+                    }
+                    .hash-img {
+                        width: 18px;
+                        height: 18px;
+                        margin-right: 3px;
+                        cursor: pointer;
+                    }
+                    .hash-text {
+                        font-size: @menuFont2;
+                        color: #939599;
+                        line-height: 24px;
+                        width: 280px;
+                        overflow: hidden;
+                        white-space: nowrap !important;
+                        text-overflow: ellipsis !important;
+                    }
+                }
+            }
+        }
         .info5 {
             padding: 10px 16px;
             font-size: 14px;