。

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

@@ -239,14 +239,19 @@
             </collection-info>
         </div>
         <!-- 悄悄话 -->
-        <el-dialog append-to-body class="abb" :visible.sync="show2" title="提示">
-            <img
-                @click="openedFn"
-                class="imgBox"
-                src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-12-16-13-07DtWLMcPy.png"
-                alt=""
-            />
-            <div class="Whisper1">点击图标打开悄悄话,(隐藏内容，只能开启一次)</div>
+        <el-dialog append-to-body class="abb" :visible.sync="show2">
+            <div class="title">提示</div>
+            <img class="back" src="../assets/矩形@3x.png" alt="" />
+            <div class="con">
+                <img
+                    @click="openedFn"
+                    class="imgBox"
+                    src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-12-16-13-07DtWLMcPy.png"
+                    alt=""
+                />
+                <div class="Whisper1">点击图标打开悄悄话</div>
+                <div class="Whisper1 Whisper2">（隐藏内容，只能开启一次）</div>
+            </div>
         </el-dialog>
         <!-- 悄悄话 -->
         <el-dialog append-to-body v-if="init2" :visible.sync="show3" :before-close="handleClose2">
@@ -678,6 +683,9 @@ export default {
 /deep/ .el-dialog__body {
     padding: 0 16px 12px !important;
 }
+/deep/ .el-table__header-wrapper {
+    border-bottom: 0;
+}
 /deep/ .el-dialog {
     width: 340px;
     background: #ffffff;
@@ -782,40 +790,46 @@ export default {
     }
 }
 .abb {
+    /deep/.el-dialog__close {
+        color: #ffffff;
+    }
     /deep/ .el-dialog {
         width: 340px;
-        background: rgb(209, 206, 18);
         border-radius: 10px;
+        .title {
+            position: absolute;
+            z-index: 22;
+            font-size: 16px;
+            margin-top: -13px;
+            color: #000000;
+            line-height: 24px;
+        }
+        .back {
+            width: 340px;
+            height: 240px;
+            margin: -30px -13px -15px -16px;
+        }
         .con {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 12px 16px 0;
-            .Whisper {
-                font-size: 16px;
-                font-weight: 400;
-                color: #000000;
-                line-height: 24px;
+            position: absolute;
+            margin-top: -200px;
+            .imgBox {
+                width: 80px;
+                height: 80px;
+                cursor: pointer;
+                text-align: center;
+                margin: 30px 112px 22px;
             }
-            .icon {
-                width: 24px;
-                height: 24px;
+            .Whisper1 {
+                font-size: 12px;
+                color: #303133;
+                line-height: 18px;
+                margin: 0 97px;
+                &.Whisper2 {
+                    padding-bottom: 36px;
+                    margin: 0 73px;
+                }
             }
         }
-        .imgBox {
-            width: 80px;
-            height: 80px;
-            text-align: center;
-            margin: 30px 112px 22px;
-        }
-        .Whisper1 {
-            font-size: 12px;
-            font-weight: 400;
-            color: #303133;
-            line-height: 18px;
-            padding-bottom: 36px;
-            margin: 0 85px;
-        }
     }
 }
 .container {
@@ -1269,9 +1283,6 @@ export default {
                 height: 24px;
             }
         }
-        // .elTable {
-        //     border: 1px solid red;
-        // }
         .border {
             height: 1px;
             background: #494a4d;
@@ -1416,7 +1427,6 @@ export default {
 /deep/.content2 {
     margin-top: 30px;
     .el-collapse-item__wrap {
-        // border-bottom: 1px solid #494a4d;
         border-bottom-width: 0;
     }
     .el-collapse {

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

@@ -386,7 +386,6 @@ export default {
         },
         submit() {
             this.$refs.sub.init(this.info);
-            // this.$refs.sub.CoupFn();
         }
     }
 };
@@ -626,6 +625,7 @@ export default {
             align-items: center;
             height: 102px;
             background: #1f2230;
+            margin-bottom: 30px;
             border-radius: 0px 0px 8px 8px;
             .name {
                 width: 128px;