weui-rails 1.0.2 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/weui-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/_weui.scss +4 -0
- data/vendor/assets/stylesheets/base/variable/_color.scss +6 -2
- data/vendor/assets/stylesheets/icon/weui-font.scss +20 -37
- data/vendor/assets/stylesheets/icon/weui-icon_font.scss +2 -1
- data/vendor/assets/stylesheets/widget/weui-agree/weui-agree.scss +0 -1
- data/vendor/assets/stylesheets/widget/weui-button/weui-btn_loading.scss +19 -0
- data/vendor/assets/stylesheets/widget/weui-button/weui-button.scss +1 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-form-preview.scss +1 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-form_common.scss +2 -2
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-select.scss +2 -2
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-vcode.scss +7 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-switch.scss +24 -11
- data/vendor/assets/stylesheets/widget/weui-loading/weui-loading.scss +9 -7
- data/vendor/assets/stylesheets/widget/weui-page/weui-article.scss +0 -1
- data/vendor/assets/stylesheets/widget/weui-slider/weui-slider.scss +47 -0
- data/vendor/assets/stylesheets/widget/weui-tab/{navbar.scss → weui-navbar.scss} +3 -3
- data/vendor/assets/stylesheets/widget/weui-tab/weui-tab.scss +5 -6
- data/vendor/assets/stylesheets/widget/weui-tab/{tabbar.scss → weui-tabbar.scss} +11 -12
- data/vendor/assets/stylesheets/widget/weui-tips/weui-badge.scss +18 -0
- data/vendor/assets/stylesheets/widget/weui-tips/weui-toast.scss +1 -1
- metadata +8 -5
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6b65563c42c9fca018eb766cb7aa80264d3d73c2
|
4
|
+
data.tar.gz: 38a682a151b85b7e4b2d72d53476aaa979d3e68a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c60b41f8715841d29bdb36e351aac46079bc34be44ac60b850a52bd6eca185bd6a6209092de6ca843e7872db8c68d42d4b7145333f337e9329b99203e1cc0821
|
7
|
+
data.tar.gz: 4ead029444119ce3e7ade1144fea62fa6c257cbae63b7916fa829984dfb24880bd7e21d623d5fc756f491409a4b86abeb7a6bde46da548d001247a5287fce4e3
|
data/lib/weui-rails/version.rb
CHANGED
@@ -51,6 +51,7 @@
|
|
51
51
|
@import "./widget/weui-tips/weui-mask";
|
52
52
|
@import "./widget/weui-tips/weui-actionsheet";
|
53
53
|
@import "./widget/weui-tips/weui-loadmore";
|
54
|
+
@import "./widget/weui-tips/weui-badge";
|
54
55
|
|
55
56
|
//searchbar
|
56
57
|
@import "./widget/weui-searchbar/weui-searchbar";
|
@@ -66,3 +67,6 @@
|
|
66
67
|
|
67
68
|
// loading
|
68
69
|
@import "./widget/weui-loading/weui-loading";
|
70
|
+
|
71
|
+
// slider
|
72
|
+
@import "./widget/weui-slider/weui-slider";
|
@@ -1,4 +1,8 @@
|
|
1
|
-
//
|
1
|
+
// color
|
2
|
+
$weuiColorPrimary: #1AAD19 !default;
|
3
|
+
$weuiColorWarn: #E64340 !default;
|
4
|
+
|
5
|
+
// link
|
2
6
|
$weuiLinkColorDefault: #586C94 !default;
|
3
7
|
|
4
8
|
// background
|
@@ -12,7 +16,7 @@ $weuiLineColorDark: #BCBAB6 !default;
|
|
12
16
|
// text
|
13
17
|
$weuiTextColorTitle: #000000 !default;
|
14
18
|
$weuiTextColorTips: #B2B2B2 !default;
|
15
|
-
$weuiTextColorWarn:
|
19
|
+
$weuiTextColorWarn: $weuiColorWarn !default;
|
16
20
|
$weuiTextColorGray: #999999 !default;
|
17
21
|
|
18
22
|
|
@@ -1,47 +1,30 @@
|
|
1
1
|
@font-face {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
font-weight: normal;
|
3
|
+
font-style: normal;
|
4
|
+
font-family: "weui";
|
5
|
+
src: url('data:application/octet-stream;base64,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') format('truetype');
|
6
6
|
}
|
7
7
|
|
8
|
-
[class^="weui-icon-"]
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
/* For safety - reset parent styles, that can break glyph codes*/
|
23
|
-
font-variant: normal;
|
24
|
-
text-transform: none;
|
25
|
-
|
26
|
-
/* fix buttons height, for twitter bootstrap */
|
27
|
-
line-height: 1em;
|
28
|
-
|
29
|
-
/* Animation center compensation - margins should be symmetric */
|
30
|
-
/* remove if not needed */
|
31
|
-
margin-left: .2em;
|
32
|
-
|
33
|
-
/* you can be more comfortable with increased icons size */
|
34
|
-
/* font-size: 120%; */
|
35
|
-
|
36
|
-
/* Uncomment for 3D effect */
|
37
|
-
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
8
|
+
[class^="weui-icon-"], [class*=" weui-icon-"] {
|
9
|
+
display: inline-block;
|
10
|
+
vertical-align: middle;
|
11
|
+
font: normal normal normal 14px/1 "weui";
|
12
|
+
font-size: inherit;
|
13
|
+
text-rendering: auto;
|
14
|
+
-webkit-font-smoothing: antialiased;
|
15
|
+
&:before{
|
16
|
+
// 平滑升级
|
17
|
+
display: inline-block;
|
18
|
+
margin-left: .2em;
|
19
|
+
margin-right: .2em;
|
20
|
+
}
|
38
21
|
}
|
39
22
|
|
40
23
|
.weui-icon-circle:before { content: "\EA01" } /* '' */
|
41
24
|
.weui-icon-download:before { content: "\EA02" } /* '' */
|
42
25
|
.weui-icon-info:before { content: "\EA03" } /* '' */
|
43
|
-
.weui-icon-
|
44
|
-
.weui-icon-
|
26
|
+
.weui-icon-safe-success:before { content: "\EA04" } /* '' */
|
27
|
+
.weui-icon-safe-warn:before { content: "\EA05" } /* '' */
|
45
28
|
.weui-icon-success:before { content: "\EA06" } /* '' */
|
46
29
|
.weui-icon-success-circle:before { content: "\EA07" } /* '' */
|
47
30
|
.weui-icon-success-no-circle:before { content: "\EA08" } /* '' */
|
@@ -51,6 +34,6 @@
|
|
51
34
|
.weui-icon-info-circle:before { content: "\EA0C" } /* '' */
|
52
35
|
.weui-icon-cancel:before { content: "\EA0D" } /* '' */
|
53
36
|
.weui-icon-search:before { content: "\EA0E" } /* '' */
|
54
|
-
.weui-icon-
|
37
|
+
.weui-icon-clear:before { content: "\EA0F" } /* '' */
|
55
38
|
.weui-icon-back:before { content: "\EA10" } /* '' */
|
56
39
|
.weui-icon-delete:before { content: "\EA11" } /* '' */
|
@@ -0,0 +1,19 @@
|
|
1
|
+
@import "../../base/fn";
|
2
|
+
|
3
|
+
.#{$weui_ns}btn_loading {
|
4
|
+
.#{$weui_ns}loading {
|
5
|
+
margin:-.2em .34em 0 0;
|
6
|
+
}
|
7
|
+
&.#{$weui_ns}btn_primary, &.#{$weui_ns}btn_warn {
|
8
|
+
color: $weuiBtnActiveFontColor;
|
9
|
+
.#{$weui_ns}loading{
|
10
|
+
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
|
11
|
+
}
|
12
|
+
}
|
13
|
+
&.#{$weui_ns}btn_primary{
|
14
|
+
background-color: $weuiBtnPrimaryActiveBg;
|
15
|
+
}
|
16
|
+
&.#{$weui_ns}btn_warn{
|
17
|
+
background-color: $weuiBtnWarnActiveBg;
|
18
|
+
}
|
19
|
+
}
|
@@ -44,7 +44,7 @@
|
|
44
44
|
.#{$weui_ns}toptips {
|
45
45
|
display:none;
|
46
46
|
position: fixed;
|
47
|
-
|
47
|
+
transform: translateZ(0);
|
48
48
|
top: 0;
|
49
49
|
left: 0;
|
50
50
|
right: 0;
|
@@ -56,7 +56,7 @@
|
|
56
56
|
@include text_wrap();
|
57
57
|
}
|
58
58
|
.#{$weui_ns}toptips_warn {
|
59
|
-
background-color: $
|
59
|
+
background-color: $weuiColorWarn;
|
60
60
|
}
|
61
61
|
.#{$weui_ns}cells_form {
|
62
62
|
.#{$weui_ns}cell__ft{
|
@@ -13,7 +13,7 @@
|
|
13
13
|
position: absolute;
|
14
14
|
top: 50%;
|
15
15
|
right: $weuiCellGapH;
|
16
|
-
margin-top: -
|
16
|
+
margin-top: -4px;
|
17
17
|
}
|
18
18
|
}
|
19
19
|
}
|
@@ -50,7 +50,7 @@
|
|
50
50
|
position: absolute;
|
51
51
|
top: 50%;
|
52
52
|
right: $weuiCellGapH;
|
53
|
-
margin-top: -
|
53
|
+
margin-top: -4px;
|
54
54
|
}
|
55
55
|
}
|
56
56
|
.#{$weui_ns}cell__bd {
|
@@ -21,6 +21,13 @@
|
|
21
21
|
vertical-align: middle;
|
22
22
|
font-size: $weuiCellFontSize;
|
23
23
|
color: $weuiDialogLinkColor;
|
24
|
+
button & {
|
25
|
+
background-color: transparent;
|
26
|
+
border-top: 0;
|
27
|
+
border-right: 0;
|
28
|
+
border-bottom: 0;
|
29
|
+
outline: 0;
|
30
|
+
}
|
24
31
|
&:active {
|
25
32
|
color: desaturate($weuiDialogLinkColor, 30%);
|
26
33
|
}
|
@@ -6,6 +6,9 @@
|
|
6
6
|
}
|
7
7
|
.#{$weui_ns}switch{
|
8
8
|
appearance: none;
|
9
|
+
}
|
10
|
+
.#{$weui_ns}switch,
|
11
|
+
.#{$weui_ns}switch-cp__box {
|
9
12
|
position: relative;
|
10
13
|
width: 52px;
|
11
14
|
height: $weuiSwitchHeight;
|
@@ -15,6 +18,7 @@
|
|
15
18
|
box-sizing: border-box;
|
16
19
|
background-color: #DFDFDF;
|
17
20
|
transition: background-color .1s, border .1s;
|
21
|
+
|
18
22
|
&:before{
|
19
23
|
content: " ";
|
20
24
|
position: absolute;
|
@@ -38,15 +42,24 @@
|
|
38
42
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
39
43
|
transition:transform .35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
|
40
44
|
}
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
45
|
+
}
|
46
|
+
.#{$weui_ns}switch:checked,
|
47
|
+
.#{$weui_ns}switch-cp__input:checked ~ .#{$weui_ns}switch-cp__box{
|
48
|
+
border-color: #04BE02;
|
49
|
+
background-color: #04BE02;
|
50
|
+
&:before {
|
51
|
+
transform: scale(0);
|
52
|
+
}
|
53
|
+
&:after {
|
54
|
+
transform: translateX(20px);
|
51
55
|
}
|
52
|
-
}
|
56
|
+
}
|
57
|
+
|
58
|
+
// 兼容IE Edge的版本
|
59
|
+
.#{$weui_ns}switch-cp__input {
|
60
|
+
position: absolute;
|
61
|
+
left: -9999px;
|
62
|
+
}
|
63
|
+
.#{$weui_ns}switch-cp__box {
|
64
|
+
display: block;
|
65
|
+
}
|
@@ -6,27 +6,29 @@
|
|
6
6
|
display: inline-block;
|
7
7
|
vertical-align: middle;
|
8
8
|
animation: weuiLoading 1s steps(12, end) infinite;
|
9
|
-
background: transparent url(data:image/svg+xml;base64,
|
10
|
-
-webkit-background-size: 100%;
|
9
|
+
background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
|
11
10
|
background-size: 100%;
|
11
|
+
&.weui-loading_transparent {
|
12
|
+
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
|
13
|
+
}
|
12
14
|
}
|
13
15
|
|
14
16
|
@-webkit-keyframes weuiLoading {
|
15
17
|
0% {
|
16
|
-
|
18
|
+
transform: rotate3d(0, 0, 1, 0deg);
|
17
19
|
}
|
18
20
|
|
19
21
|
100% {
|
20
|
-
|
22
|
+
transform: rotate3d(0, 0, 1, 360deg);
|
21
23
|
}
|
22
24
|
}
|
23
25
|
|
24
26
|
@keyframes weuiLoading {
|
25
27
|
0% {
|
26
|
-
|
28
|
+
transform: rotate3d(0, 0, 1, 0deg);
|
27
29
|
}
|
28
30
|
|
29
31
|
100% {
|
30
|
-
|
32
|
+
transform: rotate3d(0, 0, 1, 360deg);
|
31
33
|
}
|
32
|
-
}
|
34
|
+
}
|
@@ -0,0 +1,47 @@
|
|
1
|
+
@import "../../base/fn";
|
2
|
+
|
3
|
+
.#{$weui_ns}slider {
|
4
|
+
padding: 15px 18px;
|
5
|
+
user-select: none;
|
6
|
+
}
|
7
|
+
|
8
|
+
.#{$weui_ns}slider__inner {
|
9
|
+
position: relative;
|
10
|
+
height: 2px;
|
11
|
+
background-color: #E9E9E9;
|
12
|
+
}
|
13
|
+
|
14
|
+
.#{$weui_ns}slider__track {
|
15
|
+
height: 2px;
|
16
|
+
background-color: $weuiColorPrimary;
|
17
|
+
width: 0;
|
18
|
+
}
|
19
|
+
|
20
|
+
.#{$weui_ns}slider__handler {
|
21
|
+
position: absolute;
|
22
|
+
left: 0;
|
23
|
+
top: 50%;
|
24
|
+
width: 28px;
|
25
|
+
height: 28px;
|
26
|
+
margin-left: -14px;
|
27
|
+
margin-top: -14px;
|
28
|
+
border-radius: 50%;
|
29
|
+
background-color: #FFFFFF;
|
30
|
+
box-shadow: 0 0 4px rgba(0, 0, 0, .2);
|
31
|
+
}
|
32
|
+
|
33
|
+
|
34
|
+
.#{$weui_ns}slider-box{
|
35
|
+
display: flex;
|
36
|
+
align-items: center;
|
37
|
+
.#{$weui_ns}slider{
|
38
|
+
flex: 1;
|
39
|
+
}
|
40
|
+
}
|
41
|
+
.#{$weui_ns}slider-box__value {
|
42
|
+
margin-left: .5em;
|
43
|
+
min-width: 24px;
|
44
|
+
color: #888888;
|
45
|
+
text-align: center;
|
46
|
+
font-size: 14px;
|
47
|
+
}
|
@@ -6,7 +6,7 @@
|
|
6
6
|
z-index: 500;
|
7
7
|
top: 0;
|
8
8
|
width: 100%;
|
9
|
-
background-color: #
|
9
|
+
background-color: #FAFAFA;
|
10
10
|
|
11
11
|
&:after {
|
12
12
|
@include setBottomLine(#CCCCCC);
|
@@ -28,11 +28,11 @@
|
|
28
28
|
@include setTapColor();
|
29
29
|
|
30
30
|
&:active {
|
31
|
-
background-color: #
|
31
|
+
background-color: #EDEDED;
|
32
32
|
}
|
33
33
|
|
34
34
|
&.#{$weui_ns}bar__item_on {
|
35
|
-
background-color: #
|
35
|
+
background-color: #EAEAEA;
|
36
36
|
}
|
37
37
|
|
38
38
|
&:after {
|
@@ -1,20 +1,19 @@
|
|
1
1
|
@import "../../base/fn";
|
2
|
-
@import "tabbar";
|
3
|
-
@import "navbar";
|
2
|
+
@import "weui-tabbar";
|
3
|
+
@import "weui-navbar";
|
4
4
|
|
5
5
|
.#{$weui_ns}tab {
|
6
6
|
position: relative;
|
7
7
|
height: 100%;
|
8
8
|
}
|
9
9
|
|
10
|
-
.#{$weui_ns}tab__panel
|
10
|
+
.#{$weui_ns}tab__panel {
|
11
11
|
box-sizing: border-box;
|
12
12
|
height: 100%;
|
13
|
-
padding-bottom:
|
13
|
+
padding-bottom: 50px;
|
14
14
|
overflow: auto;
|
15
15
|
-webkit-overflow-scrolling: touch;
|
16
16
|
}
|
17
|
-
|
18
|
-
.#{$weui_ns}tab__bd-item {
|
17
|
+
.#{$weui_ns}tab__content{
|
19
18
|
display: none;
|
20
19
|
}
|
@@ -6,7 +6,7 @@
|
|
6
6
|
z-index: 500;
|
7
7
|
bottom: 0;
|
8
8
|
width: 100%;
|
9
|
-
background-color: #
|
9
|
+
background-color: #F7F7FA;
|
10
10
|
|
11
11
|
&:before {
|
12
12
|
@include setTopLine(#C0BFC4);
|
@@ -16,14 +16,16 @@
|
|
16
16
|
.#{$weui_ns}tabbar__item {
|
17
17
|
display: block;
|
18
18
|
flex: 1;
|
19
|
-
padding:
|
19
|
+
padding: 5px 0 0;
|
20
20
|
font-size: 0;
|
21
21
|
color: $weuiTextColorGray;
|
22
22
|
text-align: center;
|
23
23
|
@include setTapColor();
|
24
24
|
|
25
25
|
&.#{$weui_ns}bar__item_on {
|
26
|
-
.#{$weui_ns}tabbar__icon,
|
26
|
+
.#{$weui_ns}tabbar__icon,
|
27
|
+
.#{$weui_ns}tabbar__icon > i,
|
28
|
+
.#{$weui_ns}tabbar__label {
|
27
29
|
color: #09BB07;
|
28
30
|
}
|
29
31
|
}
|
@@ -31,10 +33,11 @@
|
|
31
33
|
|
32
34
|
.#{$weui_ns}tabbar__icon {
|
33
35
|
display: inline-block;
|
34
|
-
width:
|
35
|
-
height:
|
36
|
+
width: 27px;
|
37
|
+
height: 27px;
|
36
38
|
|
37
|
-
i &,
|
39
|
+
i &,
|
40
|
+
> i {
|
38
41
|
font-size: 24px;
|
39
42
|
color: $weuiTextColorGray;
|
40
43
|
}
|
@@ -43,15 +46,11 @@
|
|
43
46
|
width: 100%;
|
44
47
|
height: 100%;
|
45
48
|
}
|
46
|
-
|
47
|
-
& + .#{$weui_ns}tabbar__label {
|
48
|
-
margin-top: 5px;
|
49
|
-
margin-bottom: 3px;
|
50
|
-
}
|
51
49
|
}
|
52
50
|
|
53
51
|
.#{$weui_ns}tabbar__label {
|
54
52
|
text-align: center;
|
55
53
|
color: $weuiTextColorGray;
|
56
|
-
font-size:
|
54
|
+
font-size: 10px;
|
55
|
+
line-height: 1.8;
|
57
56
|
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
@import "../../base/fn";
|
2
|
+
|
3
|
+
.#{$weui_ns}badge {
|
4
|
+
display: inline-block;
|
5
|
+
padding: .15em .4em;
|
6
|
+
min-width: 8px;
|
7
|
+
border-radius: 18px;
|
8
|
+
background-color: #F43530;
|
9
|
+
color: #FFFFFF;
|
10
|
+
line-height: 1.2;
|
11
|
+
text-align: center;
|
12
|
+
font-size: 12px;
|
13
|
+
vertical-align: middle;
|
14
|
+
}
|
15
|
+
.#{$weui_ns}badge_dot {
|
16
|
+
padding: .4em;
|
17
|
+
min-width: 0;
|
18
|
+
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: weui-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.
|
4
|
+
version: 1.1.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Eric Guo
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2017-01-27 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -77,6 +77,7 @@ files:
|
|
77
77
|
- vendor/assets/stylesheets/widget/weui-button/weui-btn_default.scss
|
78
78
|
- vendor/assets/stylesheets/widget/weui-button/weui-btn_disabled.scss
|
79
79
|
- vendor/assets/stylesheets/widget/weui-button/weui-btn_global.scss
|
80
|
+
- vendor/assets/stylesheets/widget/weui-button/weui-btn_loading.scss
|
80
81
|
- vendor/assets/stylesheets/widget/weui-button/weui-btn_plain.scss
|
81
82
|
- vendor/assets/stylesheets/widget/weui-button/weui-btn_primary.scss
|
82
83
|
- vendor/assets/stylesheets/widget/weui-button/weui-btn_warn.scss
|
@@ -106,10 +107,12 @@ files:
|
|
106
107
|
- vendor/assets/stylesheets/widget/weui-picker/weui-picker.scss
|
107
108
|
- vendor/assets/stylesheets/widget/weui-progress/weui-progress.scss
|
108
109
|
- vendor/assets/stylesheets/widget/weui-searchbar/weui-searchbar.scss
|
109
|
-
- vendor/assets/stylesheets/widget/weui-
|
110
|
-
- vendor/assets/stylesheets/widget/weui-tab/
|
110
|
+
- vendor/assets/stylesheets/widget/weui-slider/weui-slider.scss
|
111
|
+
- vendor/assets/stylesheets/widget/weui-tab/weui-navbar.scss
|
111
112
|
- vendor/assets/stylesheets/widget/weui-tab/weui-tab.scss
|
113
|
+
- vendor/assets/stylesheets/widget/weui-tab/weui-tabbar.scss
|
112
114
|
- vendor/assets/stylesheets/widget/weui-tips/weui-actionsheet.scss
|
115
|
+
- vendor/assets/stylesheets/widget/weui-tips/weui-badge.scss
|
113
116
|
- vendor/assets/stylesheets/widget/weui-tips/weui-dialog.scss
|
114
117
|
- vendor/assets/stylesheets/widget/weui-tips/weui-loadmore.scss
|
115
118
|
- vendor/assets/stylesheets/widget/weui-tips/weui-mask.scss
|
@@ -136,7 +139,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
136
139
|
version: '0'
|
137
140
|
requirements: []
|
138
141
|
rubyforge_project:
|
139
|
-
rubygems_version: 2.6.
|
142
|
+
rubygems_version: 2.6.10
|
140
143
|
signing_key:
|
141
144
|
specification_version: 4
|
142
145
|
summary: An UI library for WeChat
|