standard weui select gap (#328)

* standard weui select gap

* replace weui cell snapshot

Author: uxsi

dist/example/index.html

@@ -412,7 +412,7 @@ <h1 class="page_title">Cell</h1>
         </div>
         <div class="weui_cell weui_cell_select weui_select_after">
             <div class="weui_cell_hd">
-                国家/地区
+                <label for="" class="weui_label">国家/地区</label>
             </div>
             <div class="weui_cell_bd weui_cell_primary">
                 <select class="weui_select" name="select2">

dist/example/snapshot/cell.png

@@ -272,7 +272,7 @@ <h1 class="page_title">Cell</h1>
         </div>
         <div class="weui_cell weui_cell_select weui_select_after">
             <div class="weui_cell_hd">
-                国家/地区
+                <label for="" class="weui_label">国家/地区</label>
             </div>
             <div class="weui_cell_bd weui_cell_primary">
                 <select class="weui_select" name="select2">

dist/style/weui.css

@@ -6,6 +6,7 @@
 @weuiCellHeight: 44px;
 @weuiCellFontSize:17px;
 @weuiCellTipsFontSize:14px;
+@weuiCellLabelWidth:105px;
 
 @weuiCellLineHeight: unit((@weuiCellHeight - 2 * @weuiCellGapV) / @weuiCellFontSize); // 高度为44px，减去上下padding的行高
 @weuiCellsMarginTop:unit(20 / @weuiCellFontSize, em);

dist/style/weui.min.css

@@ -2,7 +2,7 @@
 
 .weui_label{
   display:block;
-  width:3em;
+  width:@weuiCellLabelWidth;
 }
 .weui_input {
     width: 100%;
@@ -60,9 +60,6 @@
         color:@globalWarnColor;
         .weui_icon_warn{display:inline-block;}
     }
-    .weui_cell_hd {
-        padding-right: .3em;
-    }
     .weui_cell_ft{font-size:0;}
     .weui_icon_warn{
         display:none;

src/example/fragment/cell.html

@@ -29,6 +29,7 @@
     width: 100%;
     font-size: inherit;
     height: @weuiCellHeight;
+    line-height: @weuiCellHeight;
     position: relative;
     z-index: 1;
     padding-left: @weuiCellGapH;

src/example/snapshot/cell.png

@@ -3,4 +3,7 @@
 
 .weui_select_after {
     padding-left:@weuiCellGapH;
+    .weui_select {
+        padding-left:0;
+    }
 }