weui-rails 0.4.2 → 0.4.3

data/vendor/assets/stylesheets/widget/weui_page/weui_article.scss

@@ -1,6 +1,6 @@
 @import "../../base/fn";
 
-.weui_article {
+.#{$weui_ns}article {
     padding: 20px 15px;
     font-size: 15px;
     section {

data/vendor/assets/stylesheets/widget/weui_page/weui_msg.scss

@@ -1,33 +1,33 @@
 @import "../../base/fn";
 @import "../weui_button/weui_button";
 
-.weui_msg {
+.#{$weui_ns}msg {
     padding-top: $weuiMsgPaddingTop;
     text-align: center;
 
-    .weui_icon_area {
+    .#{$weui_ns}icon_area {
         margin-bottom: $weuiMsgIconGap;
     }
 
-    .weui_text_area {
+    .#{$weui_ns}text_area {
         margin-bottom: $weuiMsgTextGap;
         padding:0 20px;
     }
-    .weui_msg_title {
+    .#{$weui_ns}msg_title {
         margin-bottom: $weuiMsgTitleGap;
         font-weight: 400;
         font-size: 20px;
     }
-    .weui_msg_desc {
+    .#{$weui_ns}msg_desc {
         font-size: 14px;
         color: $globalDescColor;
     }
 
-    .weui_opr_area {
+    .#{$weui_ns}opr_area {
         margin-bottom: $weuiMsgOprGap;
     }
 
-    .weui_extra_area {
+    .#{$weui_ns}extra_area {
         margin-bottom: $weuiMsgExtraAreaGap;
         font-size:14px;
         color:$globalTextColor;
@@ -38,7 +38,7 @@
 }
 
 @media screen and (min-height: $weuiMsgExtraAreaOfMinHeight) {
-    .weui_extra_area {
+    .#{$weui_ns}extra_area {
         position: fixed;
         left: 0;
         bottom: 0;

data/vendor/assets/stylesheets/widget/weui_panel/weui_panel.scss

@@ -3,7 +3,7 @@
 $lineColor: #E5E5E5;
 $grayColor: #999999;
 
-.weui_panel {
+.#{$weui_ns}panel {
     background-color: #FFFFFF;
     margin-top: 10px;
     &:first-child {
@@ -20,7 +20,7 @@ $grayColor: #999999;
     }
 }
 
-.weui_panel_hd {
+.#{$weui_ns}panel_hd {
     padding: 14px 15px 10px;
     color: $grayColor;
     font-size: 13px;
@@ -31,7 +31,7 @@ $grayColor: #999999;
     }
 }
 
-.weui_panel_ft {
+.#{$weui_ns}panel_ft {
     padding: 10px 15px 12px;
     color: $grayColor;
     font-size: 14px;
@@ -40,7 +40,7 @@ $grayColor: #999999;
         @include setTopLine($lineColor);
         left: 15px;
     }
-    .weui_panel_access & {
+    .#{$weui_ns}panel_access & {
         display: block;
         color: #586C94;
         @include setTapColor();

data/vendor/assets/stylesheets/widget/weui_progress/weui_progress.scss

@@ -1,23 +1,23 @@
 @import "../../base/fn";
 
-.weui_progress {
+.#{$weui_ns}progress {
   display: flex;
   align-items: center;
 }
 
-.weui_progress_bar {
+.#{$weui_ns}progress_bar {
   background-color: $weuiProgressBg;
   height: $weuiProgressHeight;
   flex: 1;
 }
 
-.weui_progress_inner_bar {
+.#{$weui_ns}progress_inner_bar {
   width: 0;
   height: 100%;
   background-color: $weuiProgressColor;
 }
 
-.weui_progress_opr {
+.#{$weui_ns}progress_opr {
   margin-left: 15px;
   font-size: 0;
 }

data/vendor/assets/stylesheets/widget/weui_searchbar/weui_searchbar.scss

@@ -1,27 +1,26 @@
 @import "../../base/fn";
-.weui_search_bar {
+.#{$weui_ns}search_bar {
     position: relative;
     padding: 8px 10px;
     display: flex;
     box-sizing: border-box;
     background-color: #EFEFF4;
-    z-index: 2;
     &:before {
         @include setTopLine();
     }
     &:after {
         @include setBottomLine();
     }
-    &.weui_search_focusing {
-        .weui_search_cancel {
+    &.#{$weui_ns}search_focusing {
+        .#{$weui_ns}search_cancel {
             display: block;
         }
-        .weui_search_text {
+        .#{$weui_ns}search_text {
             display: none;
         }
     }
 }
-.weui_search_outer {
+.#{$weui_ns}search_outer {
     position: relative;
     flex: auto;
     background-color: #EFEFF4;
@@ -40,7 +39,7 @@
         background: #FFFFFF;
     }
 }
-.weui_search_inner {
+.#{$weui_ns}search_inner {
     position: relative;
     padding-left: 30px;
     padding-right: 30px;
@@ -48,26 +47,26 @@
     width: 100%;
     box-sizing: border-box;
     z-index: 1;
-    .weui_search_input {
+    .#{$weui_ns}search_input {
         padding: 4px 0;
         width: 100%;
-        height: 20/14em;
+        height: 20/14*1em;
         border: 0;
         font-size: 14px;
-        line-height: 20/14em;
+        line-height: 20/14*1em;
         box-sizing: content-box;
         background: transparent;
         &:focus {
             outline: none;
         }
     }
-    .weui_icon_search {
+    .#{$weui_ns}icon_search {
         position: absolute;
         left: 10px;
         top: -2px;
         line-height: 28px;
     }
-    .weui_icon_clear {
+    .#{$weui_ns}icon_clear {
         position: absolute;
         top: -2px;
         right: 0;
@@ -75,7 +74,7 @@
         line-height: 28px;
     }
 }
-.weui_search_text {
+.#{$weui_ns}search_text {
     position: absolute;
     top: 1px;
     right: 1px;
@@ -91,17 +90,18 @@
         font-size: 14px;
         vertical-align: middle;
     }
-    .weui_icon_search {
+    .#{$weui_ns}icon_search {
         margin-right: 5px;
     }
 }
-.weui_search_cancel {
+.#{$weui_ns}search_cancel {
     display: none;
     margin-left: 10px;
     line-height: 28px;
+    white-space: nowrap;
     color: #09BB07;
 }
-.weui_search_input:not(:valid) ~ .weui_icon_clear {
+.#{$weui_ns}search_input:not(:valid) ~ .#{$weui_ns}icon_clear {
     display: none;
 }
 

data/vendor/assets/stylesheets/widget/weui_tab/navbar.scss

@@ -1,9 +1,9 @@
 @import "../../base/fn";
 
-.weui_navbar {
+.#{$weui_ns}navbar {
     display: flex;
     position: absolute;
-    z-index: 1;
+    z-index: 500;
     top: 0;
     width: 100%;
     background-color: #fafafa;
@@ -12,13 +12,13 @@
         @include setBottomLine($globalBorderColor);
     }
 
-    & + .weui_tab_bd {
+    & + .#{$weui_ns}tab_bd {
         padding-top: 50px;
         padding-bottom: 0;
     }
 }
 
-.weui_navbar_item {
+.#{$weui_ns}navbar_item {
     position: relative;
     display: block;
     flex: 1;
@@ -31,7 +31,7 @@
         background-color: #ededed;
     }
 
-    &.weui_bar_item_on {
+    &.#{$weui_ns}bar_item_on {
         background-color: #eaeaea;
     }
 

data/vendor/assets/stylesheets/widget/weui_tab/tabbar.scss

@@ -1,8 +1,9 @@
 @import "../../base/fn";
 
-.weui_tabbar {
+.#{$weui_ns}tabbar {
     display: flex;
     position: absolute;
+    z-index: 500;
     bottom: 0;
     width: 100%;
     background-color: #f7f7fa;
@@ -12,20 +13,20 @@
     }
 }
 
-.weui_tabbar_item {
+.#{$weui_ns}tabbar_item {
     display: block;
     flex: 1;
     padding: 7px 0 0;
     -webkit-tap-highlight-color: transparent;
 
-    &.weui_bar_item_on {
-        .weui_tabbar_label {
+    &.#{$weui_ns}bar_item_on {
+        .#{$weui_ns}tabbar_label {
             color: #09BB07;
         }
     }
 }
 
-.weui_tabbar_icon {
+.#{$weui_ns}tabbar_icon {
     margin: 0 auto;
     width: 24px;
     height: 24px;
@@ -36,12 +37,12 @@
         height: 100%;
     }
 
-    & + .weui_tabbar_label {
+    & + .#{$weui_ns}tabbar_label {
         margin-top: 5px;
     }
 }
 
-.weui_tabbar_label {
+.#{$weui_ns}tabbar_label {
     text-align: center;
     color: $globalTextColor;
     font-size: 12px;

data/vendor/assets/stylesheets/widget/weui_tab/weui_tab.scss

@@ -2,12 +2,12 @@
 @import "tabbar";
 @import "navbar";
 
-.weui_tab {
+.#{$weui_ns}tab {
     position: relative;
     height: 100%;
 }
 
-.weui_tab_bd {
+.#{$weui_ns}tab_bd {
     box-sizing: border-box;
     height: 100%;
     padding-bottom: 55px;
@@ -15,6 +15,10 @@
     -webkit-overflow-scrolling: touch;
 }
 
-.weui_tab_bd_item {
+.#{$weui_ns}tab_bd_item {
     display: none;
-}
+}
+
+.#{$weui_ns}tab_bd_item_active {
+    display: block;
+}

data/vendor/assets/stylesheets/widget/weui_tips/weui_actionsheet.scss

@@ -1,25 +1,25 @@
 @import "../../base/fn";
 $bgColor: #ECECEC;
-.weui_actionsheet {
+.#{$weui_ns}actionsheet {
   position: fixed;
   left: 0;
   bottom: 0;
   transform: translate(0, 100%);
   backface-visibility: hidden;
-  z-index: 2;
+  z-index: 5000;
   width: 100%;
   background-color: $pageDefaultBackgroundColor;
   //slide up animation
   transition: transform .3s;
 }
-.weui_actionsheet_menu{
+.#{$weui_ns}actionsheet_menu{
   background-color: #FFFFFF;
 }
-.weui_actionsheet_action {
+.#{$weui_ns}actionsheet_action {
   margin-top: 6px;
   background-color: #FFFFFF;
 }
-.weui_actionsheet_cell {
+.#{$weui_ns}actionsheet_cell {
   position: relative;
   padding: 10px 0;
   text-align: center;
@@ -38,6 +38,6 @@ $bgColor: #ECECEC;
 }
 
 //actionSheet aniamtion
-.weui_actionsheet_toggle{
+.#{$weui_ns}actionsheet_toggle{
   transform: translate(0, 0);
 }

data/vendor/assets/stylesheets/widget/weui_tips/weui_dialog.scss

@@ -5,9 +5,9 @@ $weuiDialogLineColor: #D5D5D6;
 $weuiDialogLinkColor: #3CC51F;
 $weuiDialogLinkActiveBc: #EEEEEE;
 
-.weui_dialog {
+.#{$weui_ns}dialog {
     position: fixed;
-    z-index: 13;
+    z-index: 5000;
     width: 85%;
     top: 50%;
     left: 50%;
@@ -16,26 +16,27 @@ $weuiDialogLinkActiveBc: #EEEEEE;
     background-color: $weuiDialogBackgroundColor;
     text-align: center;
     border-radius: 3px;
-    .weui_dialog_confirm & {
-        .weui_dialog_hd {
+    overflow: hidden;
+    .#{$weui_ns}dialog_confirm & {
+        .#{$weui_ns}dialog_hd {
             padding: 1.2em 20px .5em;
         }
-        .weui_dialog_bd {
+        .#{$weui_ns}dialog_bd {
             text-align: left;
         }
     }
 }
 
-.weui_dialog_hd {
+.#{$weui_ns}dialog_hd {
     padding: 1.2em 0 .5em;
 }
 
-.weui_dialog_title {
+.#{$weui_ns}dialog_title {
     font-weight: 400;
     font-size: 17px;
 }
 
-.weui_dialog_bd {
+.#{$weui_ns}dialog_bd {
     padding: 0 20px;
     font-size: 15px;
     color: $globalTextColor;
@@ -43,7 +44,7 @@ $weuiDialogLinkActiveBc: #EEEEEE;
     word-break: break-all;
 }
 
-.weui_dialog_ft {
+.#{$weui_ns}dialog_ft {
     position: relative;
     line-height: 42px;
     margin-top: 20px;
@@ -60,14 +61,12 @@ $weuiDialogLinkActiveBc: #EEEEEE;
         }
     }
     &:after {
-        content: " ";
         @include setTopLine($weuiDialogLineColor);
     }
-    .weui_dialog_confirm & {
+    .#{$weui_ns}dialog_confirm & {
         a {
             position: relative;
             &:after {
-                content: " ";
                 @include setLeftLine($weuiDialogLineColor);
             }
             &:first-child {
@@ -79,7 +78,7 @@ $weuiDialogLinkActiveBc: #EEEEEE;
     }
 }
 
-.weui_btn_dialog {
+.#{$weui_ns}btn_dialog {
     &.default {
         color: #353535;
     }
@@ -89,7 +88,7 @@ $weuiDialogLinkActiveBc: #EEEEEE;
 }
 
 @media screen and (min-width: 1024px) {
-    .weui_dialog {
+    .#{$weui_ns}dialog {
         width: 35%;
     }
 }