weui-rails 0.4.4 → 1.0.1

data/vendor/assets/stylesheets/widget/weui-cell/weui-access.scss

@@ -0,0 +1,32 @@
+@import "../../base/fn";
+
+.#{$weui_ns}cell_access {
+    @include setTapColor();
+    color: inherit;
+    &:active {
+        background-color: #ECECEC;
+    }
+    .#{$weui_ns}cell__ft {
+        padding-right: 13px;
+        position: relative;
+        &:after {
+            content: " ";
+            @include setArrow(right, 6px, #C8C8CD, 2px);
+            position: absolute;
+            top: 50%;
+            margin-top: -4px;
+            right: 2px;
+        }
+    }
+}
+.#{$weui_ns}cell_link{
+    color: $weuiLinkColorDefault;
+    font-size: 14px;
+
+    // 由于weui-cell:first-child的:before为隐藏，所以这里要重新显示出来
+    &:first-child{
+        &:before{
+            display: block;
+        }
+    }
+}

data/vendor/assets/stylesheets/widget/{weui_cell/weui_cell_global.scss → weui-cell/weui-cell_global.scss}

@@ -1,18 +1,5 @@
 @import "../../base/fn";
 
-.#{$weui_ns}cell {
-    // onepx
-    position: relative;
-    &:before {
-        @include setTopLine($weuiCellBorderColor);
-        left: $weuiCellGapH;
-    }
-    &:first-child {
-        &:before {
-            display: none;
-        }
-    }
-}
 .#{$weui_ns}cells {
     margin-top: $weuiCellsMarginTop;
     background-color: $weuiCellBg;
@@ -21,7 +8,6 @@
 
     overflow: hidden; //因为每个cell的border使用before元素left搞的，ie下伪元素的containing block估计跟标准不同，在cell上用oh不生效
 
-
     // onepx
     position: relative;
     &:before {
@@ -32,24 +18,24 @@
     }
 }
 
-.#{$weui_ns}cells_title {
-    margin-top: .77em;
-    margin-bottom: .3em;
+.#{$weui_ns}cells__title {
+    margin-top: .77em; // 15px - 行高
+    margin-bottom: .3em; // 8px - 行高
     padding-left: $weuiCellGapH;
     padding-right: $weuiCellGapH;
-    color: $globalTextColor;
+    color: $weuiTextColorGray;
     font-size: $weuiCellTipsFontSize;
 
-    & + .#{$weui_ns}cells{
+    & + .weui-cells {
         margin-top: 0;
     }
 }
 
-.#{$weui_ns}cells_tips{
+.#{$weui_ns}cells__tips {
     margin-top: .3em; // 8px - 行高
-    color: $globalTextColor;
-    padding-left: 15px;
-    padding-right: 15px;
+    color: $weuiTextColorGray;
+    padding-left: $weuiCellGapH;
+    padding-right: $weuiCellGapH;
     font-size: $weuiCellTipsFontSize;
 }
 
@@ -58,13 +44,23 @@
     position: relative; //这个是为了兼容cells容器onepx方案被before挡住而做的
     display: flex;
     align-items: center;
+    &:before {
+        @include setTopLine($weuiCellBorderColor);
+        left: $weuiCellGapH;
+    }
+    &:first-child {
+        &:before {
+            display: none;
+        }
+    }
 }
-
-.#{$weui_ns}cell_ft {
-    text-align:right;
-    color: $globalTextColor;
+.#{$weui_ns}cell_primary{
+    align-items: flex-start;
 }
-
-.#{$weui_ns}cell_primary {
+.#{$weui_ns}cell__bd{
     flex: 1;
 }
+.#{$weui_ns}cell__ft {
+    text-align: right;
+    color: $weuiTextColorGray;
+}

data/vendor/assets/stylesheets/widget/weui-cell/weui-check.scss

@@ -0,0 +1,4 @@
+@import "../../base/fn";
+@import "./weui-check/weui-check_common";
+@import "./weui-check/weui-radio";
+@import "./weui-check/weui-checkbox";

data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_checkbox.scss → weui-cell/weui-check/weui-checkbox.scss}

@@ -1,7 +1,7 @@
 @import "../../../base/fn";
 
 .#{$weui_ns}cells_checkbox {
-    .#{$weui_ns}cell_hd {
+    .#{$weui_ns}cell__hd {
         padding-right: $weuiCellInnerGapH;
     }
     .#{$weui_ns}cell {
@@ -9,7 +9,7 @@
             background-color: #ECECEC;
         }
     }
-    .#{$weui_ns}icon_checked {
+    .weui-icon-checked {
         &:before {
             content: '\EA01';
             color: #C9C9C9;
@@ -24,7 +24,7 @@
     // checkbox
     .#{$weui_ns}cells_checkbox & {
         &:checked {
-            & + .#{$weui_ns}icon_checked {
+            & + .weui-icon-checked {
                 &:before {
                     content: '\EA06';
                     color: #09BB07;

data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_radio.scss → weui-cell/weui-check/weui-radio.scss}

@@ -2,7 +2,7 @@
 
 // method2 accessbility
 .#{$weui_ns}cells_radio{
-    .#{$weui_ns}cell_ft {
+    .#{$weui_ns}cell__ft {
         padding-left: $weuiCellInnerGapH;
     }
     .#{$weui_ns}cell {
@@ -15,7 +15,7 @@
     // radio
     .#{$weui_ns}cells_radio & {
         &:checked {
-            & + .#{$weui_ns}icon_checked {
+            & + .weui-icon-checked {
                 &:before {
                     display: block;
                     content: '\EA08';

data/vendor/assets/stylesheets/widget/weui-cell/weui-form.scss

@@ -0,0 +1,5 @@
+@import "../../base/fn";
+@import "./weui-form/weui-form_common";
+@import "./weui-form/weui-form-preview";
+@import "./weui-form/weui-select";
+@import "./weui-form/weui-vcode";

data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-form-preview.scss

@@ -0,0 +1,89 @@
+@import "../../../base/fn";
+
+.#{$weui_ns}form-preview{
+    position: relative;
+    background-color: #FFFFFF;
+    &:before{
+        @include setTopLine($weuiCellBorderColor);
+    }
+    &:after{
+        @include setBottomLine($weuiCellBorderColor);
+    }
+}
+.#{$weui_ns}form-preview__hd{
+    position: relative;
+    padding: $weuiCellGapV $weuiCellGapH;
+    text-align: right;
+    line-height: 2.5em;
+    &:after{
+        @include setBottomLine($weuiCellBorderColor);
+        left: $weuiCellGapH;
+    }
+    .weui-form-preview__value{
+        font-style: normal;
+        font-size: 1.6em;
+    }
+}
+.#{$weui_ns}form-preview__bd{
+    padding: $weuiCellGapV $weuiCellGapH;
+    font-size: .9em;
+    text-align: right;
+    color: $weuiTextColorGray;
+    line-height: 2;
+}
+.#{$weui_ns}form-preview__ft{
+    position: relative;
+    line-height: 50px;
+    display: flex;
+    &:after {
+        @include setTopLine($weuiDialogLineColor);
+    }
+}
+.#{$weui_ns}form-preview__item{
+    overflow: hidden;
+}
+.#{$weui_ns}form-preview__label{
+    float: left;
+    margin-right: 1em;
+    min-width: 4em;
+    color: $weuiTextColorGray;
+    text-align: justify;
+    text-align-last: justify;
+}
+.#{$weui_ns}form-preview__value{
+    display: block;
+    overflow: hidden;
+    word-break:normal;
+    word-wrap: break-word;
+}
+.#{$weui_ns}form-preview__btn {
+    position: relative;
+    display: block;
+    flex: 1;
+    color: $weuiDialogLinkColor;
+    text-align: center;
+    @include setTapColor();
+    button & {
+        background-color: transparent;
+        border: 0;
+        outline: 0;
+        font-size: inherit;
+    }
+    &:active {
+        background-color: $weuiDialogLinkActiveBc;
+    }
+    &:after {
+        @include setLeftLine($weuiDialogLineColor);
+    }
+    &:first-child {
+        &:after {
+            display: none;
+        }
+    }
+}
+.#{$weui_ns}form-preview__btn_default {
+    color: $weuiTextColorGray;
+}
+.#{$weui_ns}form-preview__btn_primary {
+    color: #0BB20C;
+}

data/vendor/assets/stylesheets/widget/{weui_cell/weui_form/weui_form_common.scss → weui-cell/weui-form/weui-form_common.scss}

@@ -1,9 +1,9 @@
 @import "../../../base/fn";
 
-.#{$weui_ns}label {
-    display:block;
-    width:$weuiCellLabelWidth;
-    @include text_wrap();
+.#{$weui_ns}label{
+  display:block;
+  width:$weuiCellLabelWidth;
+  @include text_wrap();
 }
 .#{$weui_ns}input {
     width: 100%;
@@ -33,43 +33,43 @@
     outline: 0;
 }
 
-.#{$weui_ns}textarea_counter {
-    color: $globalDescColor;
+.#{$weui_ns}textarea-counter{
+    color: $weuiTextColorTips;
     text-align: right;
-    .#{$weui_ns}cell_warn & {
-        color: $globalWarnColor;
+    .#{$weui_ns}cell_warn &{
+        color: $weuiTextColorWarn;
     }
 }
 
 .#{$weui_ns}toptips {
     display:none;
     position: fixed;
-    transform: translateZ(0);
-    width: 100%;
+    -webkit-transform: translateZ(0);
     top: 0;
-    line-height: 2.3;
+    left: 0;
+    right: 0;
+    padding:5px;
     font-size:14px;
     text-align: center;
     color: #FFF;
-    z-index: 50000;
-    &.#{$weui_ns}warn {
-        background-color: $globalWarnColor;
-    }
+    z-index: 5000;
+    @include text_wrap();
+}
+.#{$weui_ns}toptips_warn {
+    background-color: $weuiTextColorWarn;
 }
 .#{$weui_ns}cells_form {
-    .#{$weui_ns}cell_warn {
-        color: $globalWarnColor;
-        .#{$weui_ns}icon_warn {
-            display:inline-block;
-        }
-    }
-    .#{$weui_ns}cell_ft {
+    .#{$weui_ns}cell__ft{
         font-size:0;
     }
-    .#{$weui_ns}icon_warn {
-      display:none;
+    .weui-icon-warn{
+        display:none;
     }
-    input, textarea, label[for] {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    input, textarea, label[for]{
+        @include setTapColor();
     }
 }
+.#{$weui_ns}cell_warn{
+    color:$weuiTextColorWarn;
+    .weui-icon-warn{display:inline-block;}
+}

data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-select.scss

@@ -0,0 +1,69 @@
+@import "../../../base/fn";
+
+.#{$weui_ns}cell_select {
+    padding: 0;
+    .#{$weui_ns}select {
+        padding-right: 30px;
+    }
+    .#{$weui_ns}cell__bd{
+        &:after{
+            content: " ";
+            @include setArrow(right, 6px, #C8C8CD, 2px);
+
+            position: absolute;
+            top: 50%;
+            right: $weuiCellGapH;
+            margin-top: -3px;
+        }
+    }
+}
+
+.#{$weui_ns}select {
+    -webkit-appearance: none;
+    border: 0;
+    outline: 0;
+    background-color: transparent;
+    width: 100%;
+    font-size: inherit;
+    height: $weuiCellHeight;
+    line-height: $weuiCellHeight;
+    position: relative;
+    z-index: 1;
+    padding-left: $weuiCellGapH;
+}
+
+.#{$weui_ns}cell_select-before {
+    padding-right:$weuiCellGapH;
+    .#{$weui_ns}select{
+        width:$weuiCellLabelWidth;
+        box-sizing: border-box;
+    }
+    .#{$weui_ns}cell__hd {
+        position:relative;
+        &:after {
+            @include setRightLine($weuiCellBorderColor);
+        }
+        &:before{
+            content: " ";
+            @include setArrow(right, 6px, #C8C8CD, 2px);
+
+            position: absolute;
+            top: 50%;
+            right: $weuiCellGapH;
+            margin-top: -3px;
+        }
+    }
+    .#{$weui_ns}cell__bd {
+        padding-left:$weuiCellGapH;
+        &:after{
+            display:none;
+        }
+    }
+}
+
+.#{$weui_ns}cell_select-after {
+    padding-left:$weuiCellGapH;
+    .#{$weui_ns}select {
+        padding-left:0;
+    }
+}

data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-vcode.scss

@@ -0,0 +1,27 @@
+@import "../../../base/fn";
+
+.#{$weui_ns}cell_vcode {
+    padding-top: 0;
+    padding-right: 0;
+    padding-bottom: 0;
+}
+.#{$weui_ns}vcode-img{
+    margin-left: 5px;
+    height: $weuiCellHeight;
+    vertical-align: middle;
+}
+
+.#{$weui_ns}vcode-btn {
+    display: inline-block;
+    height: $weuiCellHeight;
+    margin-left: 5px;
+    padding: 0 0.6em 0 0.7em;
+    border-left: 1px solid $weuiLineColorLight;
+    line-height: $weuiCellHeight;
+    vertical-align: middle;
+    font-size: $weuiCellFontSize;
+    color: $weuiDialogLinkColor;
+    &:active {
+        color: desaturate($weuiDialogLinkColor, 30%);
+    }
+}