From 17613d8781d6f66877ffa94546cb2a8fa3704a81 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Fri, 7 Jan 2022 15:02:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B1=85=E6=B0=91=E8=AE=AE=E4=BA=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppVillageDiscuss/Detail.vue | 115 ++++++++++++++------------
 1 file changed, 60 insertions(+), 55 deletions(-)

diff --git a/src/apps/AppVillageDiscuss/Detail.vue b/src/apps/AppVillageDiscuss/Detail.vue
index 405e6e5e..d2b5a48a 100644
--- a/src/apps/AppVillageDiscuss/Detail.vue
+++ b/src/apps/AppVillageDiscuss/Detail.vue
@@ -48,14 +48,16 @@
       <div class="leftInput" @click="showBottomInput = true">我来说两句...</div>
     </div>
 
-    <u-popup v-model="showBottomInput" height="200px" mode="bottom">
-      <u-input v-model="content" placeholder="写下你的想法" type="textarea" auto-height height="180" maxlength="140"> </u-input>
-      <div class="words">字数{{ content.length }}/140</div>
+    <u-popup v-model="showBottomInput" height="auto" mode="bottom">
+      <div class="comments-wrapper">
+        <u-input v-model="content" placeholder="写下你的想法" type="textarea" auto-height height="180" maxlength="140"> </u-input>
+        <div class="words">字数{{ content.length }}/140</div>
 
-      <div class="bottombtn">
-        <div class="emptys" @click="content = ''">清空内容</div>
+        <div class="bottombtn">
+          <div class="emptys" @click="content = ''">清空内容</div>
 
-        <div class="publishs" @click="publish">发表</div>
+          <div class="publishs" @click="publish">发表</div>
+        </div>
       </div>
     </u-popup>
 
@@ -331,7 +333,6 @@ export default {
     z-index: 11;
     width: 100%;
     background: #fff;
-
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -353,56 +354,60 @@ export default {
     // }
   }
 
-  ::v-deep .u-drawer {
-    .u-drawer-content {
-      .u-drawer__scroll-view {
-        .uni-scroll-view {
-          // overflow: hidden;
-          overflow: inherit !important;
-          .u-input {
-            background: #f7f7f7;
-            border-radius: 8px 8px 0 0;
-            margin: 32px 30px 0 30px;
-            .uni-textarea-placeholder {
-              padding: 16px 0 0 16px;
-            }
-            .uni-textarea-textarea {
-              padding: 16px 0 0 16px;
-            }
-          }
-          .words {
-            background: #f7f7f7;
-            border-radius: 0 0 8px 8px;
-            margin: 0 30px;
-            padding-bottom: 10px;
-            text-align: right;
-            font-size: 26px;
-            color: #999999;
-          }
-          .bottombtn {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin: 0 30px;
-            padding: 20px 0;
-            .emptys {
-              padding: 20px 0;
-              font-size: 26px;
-              color: #666666;
-            }
-            .publishs {
-              width: 144px;
-              height: 64px;
-              line-height: 64px;
-              text-align: center;
-              background: #1365dd;
-              border-radius: 32px;
-              color: #fff;
-            }
-          }
-        }
+  .comments-wrapper {
+    padding: 20px 0;
+    .u-input {
+      background: #f7f7f7;
+      border-radius: 8px 8px 0 0;
+      padding: 10px!important;
+      margin: 0 30px 0 30px;
+      .uni-textarea-placeholder {
+        padding: 16px 0 0 16px;
+      }
+      .uni-textarea-textarea {
+        padding: 16px 0 0 16px;
+      }
+    }
+    .words {
+      background: #f7f7f7;
+      border-radius: 0 0 8px 8px;
+      margin: 0 30px;
+      padding: 10px;
+      text-align: right;
+      font-size: 26px;
+      color: #999999;
+    }
+    .bottombtn {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 0 30px;
+      padding: 20px 0 0;
+      .emptys {
+        font-size: 26px;
+        color: #666666;
+      }
+      .publishs {
+        width: 144px;
+        height: 64px;
+        line-height: 64px;
+        text-align: center;
+        background: #1365dd;
+        border-radius: 32px;
+        color: #fff;
       }
     }
   }
+
+  // ::v-deep .u-drawer {
+  //   .u-drawer-content {
+  //     .u-drawer__scroll-view {
+  //       .uni-scroll-view {
+  //         // overflow: hidden;
+  //         overflow: inherit !important;
+  //       }
+  //     }
+  //   }
+  // }
 }
 </style>