.

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

@@ -109,7 +109,7 @@
                                 <span>作品描述</span>
                             </template>
                             <div class="info5">
-                                <div v-if="info.detail" v-html="info.detail"></div>
+                                <div class="page-detail" v-if="info.detail" v-html="info.detail"></div>
                                 <div style="padding-left: 0" v-else class="del">铸造者未设置描述</div>
                             </div>
                         </el-collapse-item>
@@ -887,6 +887,7 @@ export default {
 /deep/ .el-table__header-wrapper {
     border-bottom: 0;
 }
+
 /deep/ .el-dialog {
     width: 340px;
     background: #ffffff;
@@ -908,7 +909,7 @@ export default {
         }
         .title3 {
             font-size: 16px;
-            font-weight: 400;
+            font-weight: normal;
             color: #ff4f50;
             line-height: 24px;
         }
@@ -977,14 +978,14 @@ export default {
     }
     .code {
         font-size: 12px;
-        font-weight: 400;
+        font-weight: normal;
         color: #939599;
         line-height: 18px;
         padding-bottom: 12px;
     }
     .name {
         font-size: 12px;
-        font-weight: 400;
+        font-weight: normal;
         color: #939599;
         line-height: 18px;
         margin-bottom: 6px;
@@ -1036,6 +1037,13 @@ export default {
 .container {
     padding: 50px 50px 200px;
     background: #1a1a1a;
+    /deep/.page-detail {
+        img {
+            display: block;
+            max-width: 100%;
+            height: auto;
+        }
+    }
     .top {
         display: flex;
         justify-content: space-between;
@@ -1046,8 +1054,6 @@ export default {
 
         .top-info {
             width: 650px;
-            // flex-grow: 1;
-            // margin-left: 30px;
         }
         .init {
             background: #1c1e26;
@@ -1072,7 +1078,7 @@ export default {
             }
             span {
                 font-size: 14px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 24px;
             }
@@ -1085,14 +1091,14 @@ export default {
         .del {
             font-size: 14px;
             width: 220px;
-            font-weight: 400;
+            font-weight: normal;
             color: #939599;
             line-height: 24px;
             padding-left: 22px;
         }
         .dels {
             font-size: 14px;
-            font-weight: 400;
+            font-weight: normal;
             color: #939599;
             line-height: 24px;
             margin-left: -11px;
@@ -1100,7 +1106,7 @@ export default {
         .Notset {
             font-size: 14px;
             width: 96px;
-            font-weight: 400;
+            font-weight: normal;
             color: #939599;
             line-height: 24px;
             padding-left: 16px;
@@ -1361,13 +1367,13 @@ export default {
             }
             .name2 {
                 font-size: 14px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #ffffff;
                 line-height: 24px;
             }
             .name3 {
                 font-size: 12px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 22px;
             }
@@ -1402,13 +1408,13 @@ export default {
             margin-top: 20px;
             .time2 {
                 font-size: 16px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 24px;
             }
             span {
                 font-size: @menuFont2;
-                font-weight: 400;
+                font-weight: normal;
                 color: @prim;
                 line-height: 24px;
                 margin-left: 6px;
@@ -1441,7 +1447,7 @@ export default {
                 }
                 .price2 {
                     font-size: 14px;
-                    font-weight: 400;
+                    font-weight: normal;
                     color: #939599;
                     line-height: 24px;
                     margin-top: 13px;
@@ -1463,7 +1469,7 @@ export default {
                 }
                 span {
                     font-size: 16px;
-                    font-weight: 400;
+                    font-weight: normal;
                     color: @prim;
                     line-height: 24px;
                 }
@@ -1496,13 +1502,13 @@ export default {
                     .line(@bg:#1f2230);
                     .box2 {
                         font-size: @menuFont1;
-                        font-weight: 400;
+                        font-weight: normal;
                         color: #939599;
                         line-height: 22px;
                     }
                     .box3 {
                         font-size: @menuFont1;
-                        font-weight: 400;
+                        font-weight: normal;
                         color: #ffffff;
                         line-height: 22px;
                     }
@@ -1513,7 +1519,7 @@ export default {
                 height: 59px;
                 padding-left: 16px;
                 font-size: 22px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 36px;
             }
@@ -1564,7 +1570,7 @@ export default {
                 }
                 .info2 {
                     font-size: 16px;
-                    font-weight: 400;
+                    font-weight: normal;
                     color: #ffffff;
                     line-height: 24px;
                 }
@@ -1588,8 +1594,7 @@ export default {
         .info5 {
             padding: 10px 16px;
             font-size: 14px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
+            font-weight: normal;
             color: #939599;
             line-height: 24px;
         }
@@ -1610,13 +1615,13 @@ export default {
             }
             .nft3 {
                 font-size: 16px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #ffffff;
                 line-height: 24px;
             }
             .nft5 {
                 font-size: 13px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 18px;
                 margin-top: 2px;
@@ -1689,6 +1694,13 @@ export default {
     &.topcontent {
         margin-top: 0;
     }
+    /deep/.page-detail {
+        img {
+            width: 600px !important;
+            height: 300px !important;
+            object-fit: cover;
+        }
+    }
     .el-collapse-item__wrap {
         border-radius: 0 0 8px 8px !important;
         border-bottom-width: 0;
@@ -1700,10 +1712,11 @@ export default {
         max-height: 130px;
         overflow-y: auto;
     }
+
     .span-detail {
         font-size: 12px;
         font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: 400;
+        font-weight: normal;
         color: #939599;
         line-height: 22px;
     }
@@ -1759,7 +1772,7 @@ export default {
 .status {
     font-size: 20px;
     font-family: PingFangSC-Regular, PingFang SC;
-    font-weight: 400;
+    font-weight: normal;
     color: #939599;
     line-height: 30px;
     padding: 20px 0 16px;

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

@@ -117,7 +117,7 @@
                                 <span>作品描述</span>
                             </template>
                             <div class="info5">
-                                <div v-if="info.detail" v-html="info.detail"></div>
+                                <div class="page-detail" v-if="info.detail" v-html="info.detail"></div>
                                 <div style="padding-left: 0" v-else class="del">铸造者未设置描述</div>
                             </div>
                         </el-collapse-item>
@@ -554,6 +554,14 @@ export default {
 </script>
 <style lang="less" scoped>
 .container {
+    /deep/.page-detail {
+        img {
+            display: block;
+            max-width: 100%;
+            height: auto;
+            object-fit: cover;
+        }
+    }
     padding: 50px 50px 200px;
     background: #1a1a1a;
     .top {
@@ -584,16 +592,13 @@ export default {
             }
             .works2 {
                 font-size: 16px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #ffffff;
             }
         }
         .title {
             display: flex;
             justify-content: space-between;
-            // margin-top: 10px;
-            // padding-right: 100px;
-            // position: relative;
             .title1 {
                 font-size: 26px;
                 font-weight: bold;
@@ -601,10 +606,6 @@ export default {
                 .ellipsis();
             }
             .text {
-                // position: absolute;
-                // right: 24px;
-                // top: -10px;
-                // display: flex;
                 .text1 {
                     text-align: center;
                     margin-left: 26px;
@@ -619,7 +620,7 @@ export default {
                     }
                     .text2 {
                         font-size: @menuFont2;
-                        font-weight: 400;
+                        font-weight: normal;
                         color: #949699;
                         line-height: 24px;
                         margin-top: 4px;
@@ -647,13 +648,13 @@ export default {
             }
             .name2 {
                 font-size: 14px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #ffffff;
                 line-height: 24px;
             }
             .name3 {
                 font-size: 12px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 22px;
             }
@@ -689,13 +690,13 @@ export default {
 
             .time2 {
                 font-size: @menuFont2;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 24px;
             }
             span {
                 font-size: @menuFont2;
-                font-weight: 400;
+                font-weight: normal;
                 color: @prim;
                 line-height: 24px;
                 margin-left: 6px;
@@ -729,7 +730,7 @@ export default {
                 }
                 .price2 {
                     font-size: 14px;
-                    font-weight: 400;
+                    font-weight: normal;
                     color: #939599;
                     line-height: 24px;
                     margin-top: 13px;
@@ -752,7 +753,7 @@ export default {
                 }
                 span {
                     font-size: 16px;
-                    font-weight: 400;
+                    font-weight: normal;
                     color: @prim;
                     line-height: 24px;
                 }
@@ -768,14 +769,14 @@ export default {
         .del {
             font-size: 14px;
             width: 210px;
-            font-weight: 400;
+            font-weight: normal;
             color: #939599;
             line-height: 24px;
             padding-left: 16px;
         }
         .dels {
             font-size: 14px;
-            font-weight: 400;
+            font-weight: normal;
             color: #939599;
             line-height: 24px;
             margin-left: -11px;
@@ -789,7 +790,7 @@ export default {
             .Notset {
                 font-size: 14px;
                 width: 96px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 24px;
                 // padding: 0 16px;
@@ -797,7 +798,7 @@ export default {
             }
             .name-store {
                 font-size: 14px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #ffffff;
                 width: 96px;
                 line-height: 24px;
@@ -914,14 +915,14 @@ export default {
                     .line(@bg:#1f2230);
                     .box2 {
                         font-size: @menuFont1;
-                        font-weight: 400;
+                        font-weight: normal;
                         color: #939599;
                         line-height: 17px;
                         margin-top: 5px;
                     }
                     .box3 {
                         font-size: @menuFont1;
-                        font-weight: 400;
+                        font-weight: normal;
                         color: #ffffff;
                         line-height: 17px;
                     }
@@ -932,7 +933,7 @@ export default {
                 height: 70px;
                 padding-left: 16px;
                 font-size: 20px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 30px;
             }
@@ -987,7 +988,7 @@ export default {
                 }
                 .info2 {
                     font-size: 16px;
-                    font-weight: 400;
+                    font-weight: normal;
                     color: #ffffff;
                     line-height: 24px;
                 }
@@ -1048,7 +1049,7 @@ export default {
             padding: 10px 16px;
             font-size: 14px;
             font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
+            font-weight: normal;
             color: #939599;
             line-height: 24px;
         }
@@ -1069,13 +1070,13 @@ export default {
             }
             .nft3 {
                 font-size: 16px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #ffffff;
                 line-height: 24px;
             }
             .nft5 {
                 font-size: 13px;
-                font-weight: 400;
+                font-weight: normal;
                 color: #939599;
                 line-height: 18px;
                 margin-top: 2px;
@@ -1158,7 +1159,7 @@ export default {
     .span-detail {
         font-size: 12px;
         font-family: PingFangSC-Regular, PingFang SC;
-        font-weight: 400;
+        font-weight: normal;
         color: #939599;
         line-height: 22px;
     }