26966

src/apps/AppMarryAndDie/Add.vue

@@ -33,8 +33,9 @@
         <div class="line"></div>
 
         <u-form-item label="描述信息" prop="content" :border-bottom="false" label-position="top" class="contents">
-          <u-input v-model="forms.content" placeholder="请输入详细描述信息" type="textarea" :auto-height="true" maxlength="500"  />
+          <u-input v-model="forms.content" placeholder="请输入详细描述信息" type="textarea" :auto-height="true" maxlength="500" />
         </u-form-item>
+        <div class="wordLength">{{ forms.content.length }}/500</div>
 
         <div class="line"></div>
 
@@ -236,6 +237,12 @@ export default {
       }
     }
   }
+  .wordLength {
+    font-size: 12px;
+    color: #909193;
+    text-align: right;
+    padding: 0 40px;
+  }
 
   .btn {
     position: fixed;