add weui_textarea_counter

WuJiY · Dec 15, 2015 · 306e35f · 306e35f
1 parent a0ae884
commit 306e35f
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 4 deletions.
diff --git a/dist/example/index.html b/dist/example/index.html
@@ -297,7 +297,8 @@ <h1 class="page_title">Cell</h1>
                 <div class="weui_cells weui_cells_form">
                     <div class="weui_cell">
                         <div class="weui_cell_bd weui_cell_primary">
-                            <textarea class="weui_textarea" placeholder="请输入评论"></textarea>
+                            <textarea class="weui_textarea" placeholder="请输入评论" rows="3"></textarea>
+                            <div class="weui_textarea_counter"><span>0</span>/200</div>
                         </div>
                     </div>
                 </div>

diff --git a/dist/style/weui.css b/dist/style/weui.css
diff --git a/dist/style/weui.min.css b/dist/style/weui.min.css
diff --git a/src/example/index.html b/src/example/index.html
@@ -297,7 +297,8 @@ <h1 class="page_title">Cell</h1>
                 <div class="weui_cells weui_cells_form">
                     <div class="weui_cell">
                         <div class="weui_cell_bd weui_cell_primary">
-                            <textarea class="weui_textarea" placeholder="请输入评论"></textarea>
+                            <textarea class="weui_textarea" placeholder="请输入评论" rows="3"></textarea>
+                            <div class="weui_textarea_counter"><span>0</span>/200</div>
                         </div>
                     </div>
                 </div>

diff --git a/src/style/widget/weui_cell/weui_form/weui_form_common.less b/src/style/widget/weui_cell/weui_form/weui_form_common.less
@@ -32,6 +32,14 @@
     outline: 0;
 }
 
+.weui_textarea_counter{
+    color: @globalDescColor;
+    text-align: right;
+    .weui_cell_warn &{
+        color: @globalWarnColor;
+    }
+}
+
 .weui_toptips {
     display:none;
     position: fixed;