居民议事

src/apps/AppVillageDiscuss/Detail.vue

@@ -48,7 +48,8 @@
       <div class="leftInput" @click="showBottomInput = true">我来说两句...</div>
     </div>
 
-    <u-popup v-model="showBottomInput" height="200px" mode="bottom">
+    <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>
 
@@ -57,6 +58,7 @@
 
           <div class="publishs" @click="publish">发表</div>
         </div>
+      </div>
     </u-popup>
 
     <!-- <div class="bottomBar">
@@ -331,7 +333,6 @@ export default {
     z-index: 11;
     width: 100%;
     background: #fff;
-
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -353,16 +354,13 @@ export default {
     // }
   }
 
-  ::v-deep .u-drawer {
-    .u-drawer-content {
-      .u-drawer__scroll-view {
-        .uni-scroll-view {
-          // overflow: hidden;
-          overflow: inherit !important;
+  .comments-wrapper {
+    padding: 20px 0;
     .u-input {
       background: #f7f7f7;
       border-radius: 8px 8px 0 0;
-            margin: 32px 30px 0 30px;
+      padding: 10px!important;
+      margin: 0 30px 0 30px;
       .uni-textarea-placeholder {
         padding: 16px 0 0 16px;
       }
@@ -374,7 +372,7 @@ export default {
       background: #f7f7f7;
       border-radius: 0 0 8px 8px;
       margin: 0 30px;
-            padding-bottom: 10px;
+      padding: 10px;
       text-align: right;
       font-size: 26px;
       color: #999999;
@@ -384,9 +382,8 @@ export default {
       justify-content: space-between;
       align-items: center;
       margin: 0 30px;
-            padding: 20px 0;
+      padding: 20px 0 0;
       .emptys {
-              padding: 20px 0;
         font-size: 26px;
         color: #666666;
       }
@@ -401,8 +398,16 @@ export default {
       }
     }
   }
-      }
-    }
-  }
+
+  // ::v-deep .u-drawer {
+  //   .u-drawer-content {
+  //     .u-drawer__scroll-view {
+  //       .uni-scroll-view {
+  //         // overflow: hidden;
+  //         overflow: inherit !important;
+  //       }
+  //     }
+  //   }
+  // }
 }
 </style>