优选完成

src/pages/youxuan/good.vue

@@ -293,10 +293,15 @@
         </div>
         <!-- 描述 -->
         <div class="des-modal" v-if="desModalVisible">
-            <div class="bg"></div>
-            <div class="head">
-                <span class="head-tit">{{desModalTitle}}</span>
-                <div class="head-r" >关闭</div>
+            <div class="bg" @click="hideContent"></div>
+            <div class="main">
+                <div class="head">
+                    <span class="head-tit">{{ desModalTitle }}</span>
+                    <div class="head-r" @click="hideContent">关闭</div>
+                </div>
+                <div class="body">
+                    {{ desModalDes }}
+                </div>
             </div>
         </div>
     </div>
@@ -327,9 +332,9 @@ export default {
             shareLoadList: [],
 
             // 文字弹框
-            desModalVisible:false,
-            desModalTitle:'',
-            desModalDes:''
+            desModalVisible: false,
+            desModalTitle: "",
+            desModalDes: "",
         };
     },
     filters: {
@@ -665,7 +670,7 @@ export default {
                     })
                     .then((res) => {
                         if (res.success) {
-                            val.top = 0;
+                            val.top = 99;
                             this.$forceUpdate();
                             this.fn.showToast("置顶成功");
                         } else {
@@ -684,7 +689,7 @@ export default {
                     })
                     .then((res) => {
                         if (res.success) {
-                            val.top = 1;
+                            val.top = 0;
                             this.$forceUpdate();
                             this.fn.showToast("取消成功");
                         } else {
@@ -1214,7 +1219,17 @@ export default {
             }
         },
 
-        showContent(tit, con) {},
+        showContent(tit, con) {
+            this.desModalVisible = true;
+            this.desModalTitle = tit;
+            this.desModalDes = con;
+        },
+
+        hideContent() {
+            this.desModalVisible = false;
+            this.desModalTitle = '';
+            this.desModalDes = '';
+        },
     },
 
     // 数据计算
@@ -1968,7 +1983,33 @@ page {
     .bg {
         width: 100%;
         height: 100%;
-        background-color: rgba(0,0,0,0.3);
+        background-color: rgba(0, 0, 0, 0.3);
+    }
+    .head-r{
+        font-size: px(40);
+        color: #666;
+    }
+    .main{
+        max-height: 80vh;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        z-index: 100;
+        background-color: #fff;
+    }
+    .head{
+        height: px(120);
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: 1px solid #f1f1f1;
+        padding: 0 px(40);
+    }
+    .body{
+        padding: px(60) px(40);
+        font-size: px(44);
+        line-height: 1.5;
+        text-indent: 2em;
     }
 }
 </style>