weui-rails 0.4.4 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +29 -1
- data/app/views/weui/_message_box.html.erb +8 -8
- data/app/views/weui/message_box.html.erb +1 -1
- data/lib/weui-rails/helpers/weui_message_box.rb +1 -1
- data/lib/weui-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/_weui.scss +43 -23
- data/vendor/assets/stylesheets/base/fn.scss +9 -6
- data/vendor/assets/stylesheets/base/mixin/_mobile.scss +1 -18
- data/vendor/assets/stylesheets/base/mixin/_setArrow.scss +11 -82
- data/vendor/assets/stylesheets/base/mixin/_setOnepx.scss +4 -4
- data/vendor/assets/stylesheets/base/mixin/_text.scss +5 -0
- data/vendor/assets/stylesheets/base/reset.scss +4 -3
- data/vendor/assets/stylesheets/base/variable/_color.scss +20 -0
- data/vendor/assets/stylesheets/base/variable/_global.scss +6 -32
- data/vendor/assets/stylesheets/base/variable/_weui-button.scss +37 -0
- data/vendor/assets/stylesheets/base/variable/{_weui_cell.scss → _weui-cell.scss} +11 -3
- data/vendor/assets/stylesheets/base/variable/_weui-dialog.scss +5 -0
- data/vendor/assets/stylesheets/base/variable/{_weui_grid.scss → _weui-grid.scss} +0 -0
- data/vendor/assets/stylesheets/base/variable/{_weui_msg.scss → _weui-msg.scss} +0 -0
- data/vendor/assets/stylesheets/base/variable/{_weui_progress.scss → _weui-progress.scss} +0 -0
- data/vendor/assets/stylesheets/icon/weui-font.scss +56 -0
- data/vendor/assets/stylesheets/icon/weui-icon_font.scss +94 -0
- data/vendor/assets/stylesheets/widget/weui-agree/weui-agree.scss +59 -0
- data/vendor/assets/stylesheets/widget/weui-animate/weui-animate.scss +54 -0
- data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_default.scss → weui-button/weui-btn_default.scss} +1 -1
- data/vendor/assets/stylesheets/widget/weui-button/weui-btn_disabled.scss +15 -0
- data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_global.scss → weui-button/weui-btn_global.scss} +4 -5
- data/vendor/assets/stylesheets/widget/weui-button/weui-btn_plain.scss +29 -0
- data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_primary.scss → weui-button/weui-btn_primary.scss} +0 -0
- data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_warn.scss → weui-button/weui-btn_warn.scss} +0 -0
- data/vendor/assets/stylesheets/widget/weui-button/weui-button.scss +60 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-access.scss +32 -0
- data/vendor/assets/stylesheets/widget/{weui_cell/weui_cell_global.scss → weui-cell/weui-cell_global.scss} +25 -29
- data/vendor/assets/stylesheets/widget/weui-cell/weui-check.scss +4 -0
- data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_check_common.scss → weui-cell/weui-check/weui-check_common.scss} +0 -0
- data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_checkbox.scss → weui-cell/weui-check/weui-checkbox.scss} +3 -3
- data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_radio.scss → weui-cell/weui-check/weui-radio.scss} +2 -2
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form.scss +5 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-form-preview.scss +89 -0
- data/vendor/assets/stylesheets/widget/{weui_cell/weui_form/weui_form_common.scss → weui-cell/weui-form/weui-form_common.scss} +26 -26
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-select.scss +69 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-vcode.scss +27 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-gallery.scss +35 -0
- data/vendor/assets/stylesheets/widget/weui-cell/weui-switch.scss +52 -0
- data/vendor/assets/stylesheets/widget/{weui_cell/weui_uploader.scss → weui-cell/weui-uploader.scss} +36 -36
- data/vendor/assets/stylesheets/widget/weui-flex/weui-flex.scss +8 -0
- data/vendor/assets/stylesheets/widget/weui-footer/weui-footer.scss +41 -0
- data/vendor/assets/stylesheets/widget/weui-grid/weui-grid.scss +55 -0
- data/vendor/assets/stylesheets/widget/weui-loading/weui-loading.scss +32 -0
- data/vendor/assets/stylesheets/widget/weui-media-box/weui-media-box.scss +87 -0
- data/vendor/assets/stylesheets/widget/{weui_page/weui_article.scss → weui-page/weui-article.scss} +5 -4
- data/vendor/assets/stylesheets/widget/weui-page/weui-msg.scss +45 -0
- data/vendor/assets/stylesheets/widget/weui-panel/weui-panel.scss +34 -0
- data/vendor/assets/stylesheets/widget/weui-picker/weui-picker.scss +98 -0
- data/vendor/assets/stylesheets/widget/weui-progress/weui-progress.scss +24 -0
- data/vendor/assets/stylesheets/widget/{weui_searchbar/weui_searchbar.scss → weui-searchbar/weui-searchbar.scss} +17 -17
- data/vendor/assets/stylesheets/widget/{weui_tab → weui-tab}/navbar.scss +7 -7
- data/vendor/assets/stylesheets/widget/weui-tab/tabbar.scss +57 -0
- data/vendor/assets/stylesheets/widget/{weui_tab/weui_tab.scss → weui-tab/weui-tab.scss} +2 -6
- data/vendor/assets/stylesheets/widget/weui-tips/weui-actionsheet.scss +84 -0
- data/vendor/assets/stylesheets/widget/weui-tips/weui-dialog.scss +133 -0
- data/vendor/assets/stylesheets/widget/weui-tips/weui-loadmore.scss +41 -0
- data/vendor/assets/stylesheets/widget/weui-tips/weui-mask.scss +20 -0
- data/vendor/assets/stylesheets/widget/weui-tips/weui-toast.scss +35 -0
- metadata +54 -47
- data/vendor/assets/stylesheets/base/mixin/_setChecked.scss +0 -21
- data/vendor/assets/stylesheets/base/variable/_monokai.scss +0 -11
- data/vendor/assets/stylesheets/base/variable/_weui_button.scss +0 -21
- data/vendor/assets/stylesheets/icon/weui_font.scss +0 -63
- data/vendor/assets/stylesheets/icon/weui_icon_font.scss +0 -83
- data/vendor/assets/stylesheets/widget/weui_button/weui_btn_disabled.scss +0 -9
- data/vendor/assets/stylesheets/widget/weui_button/weui_btn_plain.scss +0 -30
- data/vendor/assets/stylesheets/widget/weui_button/weui_button.scss +0 -58
- data/vendor/assets/stylesheets/widget/weui_cell/weui_access.scss +0 -23
- data/vendor/assets/stylesheets/widget/weui_cell/weui_check.scss +0 -4
- data/vendor/assets/stylesheets/widget/weui_cell/weui_form.scss +0 -6
- data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_select.scss +0 -39
- data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_select_after.scss +0 -9
- data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_select_before.scss +0 -31
- data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_vcode.scss +0 -14
- data/vendor/assets/stylesheets/widget/weui_cell/weui_switch.scss +0 -56
- data/vendor/assets/stylesheets/widget/weui_grid/weui_grid.scss +0 -73
- data/vendor/assets/stylesheets/widget/weui_media_box/weui_media_box.scss +0 -93
- data/vendor/assets/stylesheets/widget/weui_page/weui_msg.scss +0 -48
- data/vendor/assets/stylesheets/widget/weui_panel/weui_panel.scss +0 -64
- data/vendor/assets/stylesheets/widget/weui_progress/weui_progress.scss +0 -23
- data/vendor/assets/stylesheets/widget/weui_tab/tabbar.scss +0 -49
- data/vendor/assets/stylesheets/widget/weui_tips/weui_actionsheet.scss +0 -43
- data/vendor/assets/stylesheets/widget/weui_tips/weui_dialog.scss +0 -94
- data/vendor/assets/stylesheets/widget/weui_tips/weui_mask.scss +0 -35
- data/vendor/assets/stylesheets/widget/weui_tips/weui_toast.scss +0 -349
@@ -1,73 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
|
3
|
-
.#{$weui_ns}grids {
|
4
|
-
position: relative;
|
5
|
-
overflow: hidden;
|
6
|
-
|
7
|
-
&:before {
|
8
|
-
content: '';
|
9
|
-
position: absolute;
|
10
|
-
box-sizing: border-box;
|
11
|
-
width: 200%;
|
12
|
-
height: 200%;
|
13
|
-
left: 0;
|
14
|
-
top: 0;
|
15
|
-
border: 1px solid $weuiGridBorderColor;
|
16
|
-
transform-origin: 0 0;
|
17
|
-
transform: scale(.5);
|
18
|
-
}
|
19
|
-
}
|
20
|
-
|
21
|
-
.#{$weui_ns}grid {
|
22
|
-
position: relative;
|
23
|
-
float: left;
|
24
|
-
padding: 20px 10px;
|
25
|
-
width: 100% / $weuiGridColumnCount;
|
26
|
-
box-sizing: border-box;
|
27
|
-
|
28
|
-
&:before {
|
29
|
-
content: '';
|
30
|
-
position: absolute;
|
31
|
-
box-sizing: border-box;
|
32
|
-
width: 200%;
|
33
|
-
height: 200%;
|
34
|
-
left: 0;
|
35
|
-
top: 0;
|
36
|
-
border-bottom: 1px solid $weuiGridBorderColor;
|
37
|
-
border-right: 1px solid $weuiGridBorderColor;
|
38
|
-
transform-origin: 0 0;
|
39
|
-
transform: scale(.5);
|
40
|
-
}
|
41
|
-
&:nth-child(3n) {
|
42
|
-
&:before {
|
43
|
-
border-right-width: 0;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
|
47
|
-
&:active {
|
48
|
-
background-color: $itemActiveColor;
|
49
|
-
}
|
50
|
-
}
|
51
|
-
|
52
|
-
.#{$weui_ns}grid_icon {
|
53
|
-
width: $weuiGridIconSize;
|
54
|
-
height: $weuiGridIconSize;
|
55
|
-
margin: 0 auto;
|
56
|
-
|
57
|
-
img {
|
58
|
-
display: block;
|
59
|
-
width: 100%;
|
60
|
-
height: 100%;
|
61
|
-
}
|
62
|
-
|
63
|
-
& + .#{$weui_ns}grid_label {
|
64
|
-
margin-top: 5px;
|
65
|
-
}
|
66
|
-
}
|
67
|
-
|
68
|
-
.#{$weui_ns}grid_label {
|
69
|
-
display: block;
|
70
|
-
text-align: center;
|
71
|
-
color: $globalTitleColor;
|
72
|
-
font-size: $weuiGridFontSize;
|
73
|
-
}
|
@@ -1,93 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
|
3
|
-
$lineColor: #E5E5E5;
|
4
|
-
$grayColor: #999999;
|
5
|
-
|
6
|
-
.#{$weui_ns}media_box {
|
7
|
-
padding: 15px;
|
8
|
-
position: relative;
|
9
|
-
&:before {
|
10
|
-
@include setTopLine($lineColor);
|
11
|
-
left: 15px;
|
12
|
-
}
|
13
|
-
&:first-child {
|
14
|
-
&:before {
|
15
|
-
display: none
|
16
|
-
}
|
17
|
-
}
|
18
|
-
.#{$weui_ns}media_title {
|
19
|
-
font-weight: 400;
|
20
|
-
font-size: 17px;
|
21
|
-
@include ellipsis();
|
22
|
-
word-wrap: break-word;
|
23
|
-
word-break: break-all;
|
24
|
-
}
|
25
|
-
.#{$weui_ns}media_desc {
|
26
|
-
color: $grayColor;
|
27
|
-
font-size: 13px;
|
28
|
-
line-height: 1.2;
|
29
|
-
@include ellipsisLn(2);
|
30
|
-
}
|
31
|
-
|
32
|
-
&.#{$weui_ns}media_text {
|
33
|
-
.#{$weui_ns}media_title {
|
34
|
-
margin-bottom: 8px;
|
35
|
-
}
|
36
|
-
.#{$weui_ns}media_info {
|
37
|
-
margin-top: 15px;
|
38
|
-
padding-bottom: 5px;
|
39
|
-
font-size: 13px;
|
40
|
-
color: #CECECE;
|
41
|
-
line-height: 1em;
|
42
|
-
list-style: none;
|
43
|
-
overflow: hidden;
|
44
|
-
}
|
45
|
-
.#{$weui_ns}media_info_meta {
|
46
|
-
float: left;
|
47
|
-
padding-right: 1em;
|
48
|
-
&.#{$weui_ns}media_info_meta_extra {
|
49
|
-
padding-left: 1em;
|
50
|
-
border-left: 1px solid #CECECE;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
}
|
54
|
-
&.#{$weui_ns}media_appmsg {
|
55
|
-
display: flex;
|
56
|
-
align-items: center;
|
57
|
-
.#{$weui_ns}media_hd {
|
58
|
-
margin-right: .8em;
|
59
|
-
width: 60px;
|
60
|
-
height: 60px;
|
61
|
-
line-height: 60px;
|
62
|
-
text-align: center;
|
63
|
-
}
|
64
|
-
.#{$weui_ns}media_appmsg_thumb {
|
65
|
-
width: 100%;
|
66
|
-
max-height: 100%;
|
67
|
-
vertical-align: top;
|
68
|
-
}
|
69
|
-
.#{$weui_ns}media_bd {
|
70
|
-
flex: 1;
|
71
|
-
min-width: 0;
|
72
|
-
}
|
73
|
-
}
|
74
|
-
&.#{$weui_ns}media_small_appmsg {
|
75
|
-
padding: 0;
|
76
|
-
.#{$weui_ns}cells {
|
77
|
-
margin-top: 0;
|
78
|
-
&:before {
|
79
|
-
display: none;
|
80
|
-
}
|
81
|
-
}
|
82
|
-
.#{$weui_ns}cells_access {
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}
|
86
|
-
|
87
|
-
a.#{$weui_ns}media_box {
|
88
|
-
color:#000000;
|
89
|
-
@include setTapColor();
|
90
|
-
&:active {
|
91
|
-
background-color: #ECECEC;
|
92
|
-
}
|
93
|
-
}
|
@@ -1,48 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
@import "../weui_button/weui_button";
|
3
|
-
|
4
|
-
.#{$weui_ns}msg {
|
5
|
-
padding-top: $weuiMsgPaddingTop;
|
6
|
-
text-align: center;
|
7
|
-
|
8
|
-
.#{$weui_ns}icon_area {
|
9
|
-
margin-bottom: $weuiMsgIconGap;
|
10
|
-
}
|
11
|
-
|
12
|
-
.#{$weui_ns}text_area {
|
13
|
-
margin-bottom: $weuiMsgTextGap;
|
14
|
-
padding:0 20px;
|
15
|
-
}
|
16
|
-
.#{$weui_ns}msg_title {
|
17
|
-
margin-bottom: $weuiMsgTitleGap;
|
18
|
-
font-weight: 400;
|
19
|
-
font-size: 20px;
|
20
|
-
}
|
21
|
-
.#{$weui_ns}msg_desc {
|
22
|
-
font-size: 14px;
|
23
|
-
color: $globalDescColor;
|
24
|
-
}
|
25
|
-
|
26
|
-
.#{$weui_ns}opr_area {
|
27
|
-
margin-bottom: $weuiMsgOprGap;
|
28
|
-
}
|
29
|
-
|
30
|
-
.#{$weui_ns}extra_area {
|
31
|
-
margin-bottom: $weuiMsgExtraAreaGap;
|
32
|
-
font-size:14px;
|
33
|
-
color:$globalTextColor;
|
34
|
-
a {
|
35
|
-
color:$globalLinkColor;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
@media screen and (min-height: $weuiMsgExtraAreaOfMinHeight) {
|
41
|
-
.#{$weui_ns}extra_area {
|
42
|
-
position: fixed;
|
43
|
-
left: 0;
|
44
|
-
bottom: 0;
|
45
|
-
width: 100%;
|
46
|
-
text-align: center;
|
47
|
-
}
|
48
|
-
}
|
@@ -1,64 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
|
3
|
-
$lineColor: #E5E5E5;
|
4
|
-
$grayColor: #999999;
|
5
|
-
|
6
|
-
.#{$weui_ns}panel {
|
7
|
-
background-color: #FFFFFF;
|
8
|
-
margin-top: 10px;
|
9
|
-
&:first-child {
|
10
|
-
margin-top: 0;
|
11
|
-
}
|
12
|
-
|
13
|
-
position: relative;
|
14
|
-
overflow: hidden;
|
15
|
-
&:before {
|
16
|
-
@include setTopLine($lineColor);
|
17
|
-
}
|
18
|
-
&:after {
|
19
|
-
@include setBottomLine($lineColor);
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
.#{$weui_ns}panel_hd {
|
24
|
-
padding: 14px 15px 10px;
|
25
|
-
color: $grayColor;
|
26
|
-
font-size: 13px;
|
27
|
-
position: relative;
|
28
|
-
&:after {
|
29
|
-
@include setBottomLine($lineColor);
|
30
|
-
left: 15px;
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
.#{$weui_ns}panel_ft {
|
35
|
-
padding: 10px 15px 12px;
|
36
|
-
color: $grayColor;
|
37
|
-
font-size: 14px;
|
38
|
-
position: relative;
|
39
|
-
&:before {
|
40
|
-
@include setTopLine($lineColor);
|
41
|
-
left: 15px;
|
42
|
-
}
|
43
|
-
.#{$weui_ns}panel_access & {
|
44
|
-
display: block;
|
45
|
-
color: #586C94;
|
46
|
-
@include setTapColor();
|
47
|
-
&:active {
|
48
|
-
background-color:#ECECEC;
|
49
|
-
}
|
50
|
-
&:after {
|
51
|
-
content: " ";
|
52
|
-
@include setArrow_Wap(right, 6px, #C7C7CC, 2px);
|
53
|
-
position: absolute;
|
54
|
-
right: 15px;
|
55
|
-
top: 50%;
|
56
|
-
margin-top: -4px;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
@@ -1,23 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
|
3
|
-
.#{$weui_ns}progress {
|
4
|
-
display: flex;
|
5
|
-
align-items: center;
|
6
|
-
}
|
7
|
-
|
8
|
-
.#{$weui_ns}progress_bar {
|
9
|
-
background-color: $weuiProgressBg;
|
10
|
-
height: $weuiProgressHeight;
|
11
|
-
flex: 1;
|
12
|
-
}
|
13
|
-
|
14
|
-
.#{$weui_ns}progress_inner_bar {
|
15
|
-
width: 0;
|
16
|
-
height: 100%;
|
17
|
-
background-color: $weuiProgressColor;
|
18
|
-
}
|
19
|
-
|
20
|
-
.#{$weui_ns}progress_opr {
|
21
|
-
margin-left: 15px;
|
22
|
-
font-size: 0;
|
23
|
-
}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
|
3
|
-
.#{$weui_ns}tabbar {
|
4
|
-
display: flex;
|
5
|
-
position: absolute;
|
6
|
-
z-index: 500;
|
7
|
-
bottom: 0;
|
8
|
-
width: 100%;
|
9
|
-
background-color: #f7f7fa;
|
10
|
-
|
11
|
-
&:before {
|
12
|
-
@include setTopLine(#979797);
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
.#{$weui_ns}tabbar_item {
|
17
|
-
display: block;
|
18
|
-
flex: 1;
|
19
|
-
padding: 7px 0 0;
|
20
|
-
-webkit-tap-highlight-color: transparent;
|
21
|
-
|
22
|
-
&.#{$weui_ns}bar_item_on {
|
23
|
-
.#{$weui_ns}tabbar_label {
|
24
|
-
color: #09BB07;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
}
|
28
|
-
|
29
|
-
.#{$weui_ns}tabbar_icon {
|
30
|
-
margin: 0 auto;
|
31
|
-
width: 24px;
|
32
|
-
height: 24px;
|
33
|
-
|
34
|
-
img {
|
35
|
-
display: block;
|
36
|
-
width: 100%;
|
37
|
-
height: 100%;
|
38
|
-
}
|
39
|
-
|
40
|
-
& + .#{$weui_ns}tabbar_label {
|
41
|
-
margin-top: 5px;
|
42
|
-
}
|
43
|
-
}
|
44
|
-
|
45
|
-
.#{$weui_ns}tabbar_label {
|
46
|
-
text-align: center;
|
47
|
-
color: $globalTextColor;
|
48
|
-
font-size: 12px;
|
49
|
-
}
|
@@ -1,43 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
$bgColor: #ECECEC;
|
3
|
-
.#{$weui_ns}actionsheet {
|
4
|
-
position: fixed;
|
5
|
-
left: 0;
|
6
|
-
bottom: 0;
|
7
|
-
transform: translate(0, 100%);
|
8
|
-
backface-visibility: hidden;
|
9
|
-
z-index: 5000;
|
10
|
-
width: 100%;
|
11
|
-
background-color: $pageDefaultBackgroundColor;
|
12
|
-
//slide up animation
|
13
|
-
transition: transform .3s;
|
14
|
-
}
|
15
|
-
.#{$weui_ns}actionsheet_menu{
|
16
|
-
background-color: #FFFFFF;
|
17
|
-
}
|
18
|
-
.#{$weui_ns}actionsheet_action {
|
19
|
-
margin-top: 6px;
|
20
|
-
background-color: #FFFFFF;
|
21
|
-
}
|
22
|
-
.#{$weui_ns}actionsheet_cell {
|
23
|
-
position: relative;
|
24
|
-
padding: 10px 0;
|
25
|
-
text-align: center;
|
26
|
-
font-size: 18px;
|
27
|
-
&:before {
|
28
|
-
@include setTopLine($weuiCellBorderColor);
|
29
|
-
}
|
30
|
-
&:active{
|
31
|
-
background-color: $bgColor;
|
32
|
-
}
|
33
|
-
&:first-child{
|
34
|
-
&:before{
|
35
|
-
display: none;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
//actionSheet aniamtion
|
41
|
-
.#{$weui_ns}actionsheet_toggle{
|
42
|
-
transform: translate(0, 0);
|
43
|
-
}
|
@@ -1,94 +0,0 @@
|
|
1
|
-
@import "../../base/fn";
|
2
|
-
|
3
|
-
$weuiDialogBackgroundColor: #FAFAFC;
|
4
|
-
$weuiDialogLineColor: #D5D5D6;
|
5
|
-
$weuiDialogLinkColor: #3CC51F;
|
6
|
-
$weuiDialogLinkActiveBc: #EEEEEE;
|
7
|
-
|
8
|
-
.#{$weui_ns}dialog {
|
9
|
-
position: fixed;
|
10
|
-
z-index: 5000;
|
11
|
-
width: 85%;
|
12
|
-
top: 50%;
|
13
|
-
left: 50%;
|
14
|
-
transform: translate(-50%, -50%);
|
15
|
-
|
16
|
-
background-color: $weuiDialogBackgroundColor;
|
17
|
-
text-align: center;
|
18
|
-
border-radius: 3px;
|
19
|
-
overflow: hidden;
|
20
|
-
.#{$weui_ns}dialog_confirm & {
|
21
|
-
.#{$weui_ns}dialog_hd {
|
22
|
-
padding: 1.2em 20px .5em;
|
23
|
-
}
|
24
|
-
.#{$weui_ns}dialog_bd {
|
25
|
-
text-align: left;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
}
|
29
|
-
|
30
|
-
.#{$weui_ns}dialog_hd {
|
31
|
-
padding: 1.2em 0 .5em;
|
32
|
-
}
|
33
|
-
|
34
|
-
.#{$weui_ns}dialog_title {
|
35
|
-
font-weight: 400;
|
36
|
-
font-size: 17px;
|
37
|
-
}
|
38
|
-
|
39
|
-
.#{$weui_ns}dialog_bd {
|
40
|
-
padding: 0 20px;
|
41
|
-
font-size: 15px;
|
42
|
-
color: $globalTextColor;
|
43
|
-
word-wrap: break-word;
|
44
|
-
word-break: break-all;
|
45
|
-
}
|
46
|
-
|
47
|
-
.#{$weui_ns}dialog_ft {
|
48
|
-
position: relative;
|
49
|
-
line-height: 42px;
|
50
|
-
margin-top: 20px;
|
51
|
-
font-size: 17px;
|
52
|
-
display: flex;
|
53
|
-
a {
|
54
|
-
display: block;
|
55
|
-
flex: 1;
|
56
|
-
color: $weuiDialogLinkColor;
|
57
|
-
text-decoration: none;
|
58
|
-
@include setTapColor();
|
59
|
-
&:active {
|
60
|
-
background-color: $weuiDialogLinkActiveBc;
|
61
|
-
}
|
62
|
-
}
|
63
|
-
&:after {
|
64
|
-
@include setTopLine($weuiDialogLineColor);
|
65
|
-
}
|
66
|
-
.#{$weui_ns}dialog_confirm & {
|
67
|
-
a {
|
68
|
-
position: relative;
|
69
|
-
&:after {
|
70
|
-
@include setLeftLine($weuiDialogLineColor);
|
71
|
-
}
|
72
|
-
&:first-child {
|
73
|
-
&:after {
|
74
|
-
display: none;
|
75
|
-
}
|
76
|
-
}
|
77
|
-
}
|
78
|
-
}
|
79
|
-
}
|
80
|
-
|
81
|
-
.#{$weui_ns}btn_dialog {
|
82
|
-
&.default {
|
83
|
-
color: #353535;
|
84
|
-
}
|
85
|
-
&.primary {
|
86
|
-
color: #0BB20C;
|
87
|
-
}
|
88
|
-
}
|
89
|
-
|
90
|
-
@media screen and (min-width: 1024px) {
|
91
|
-
.#{$weui_ns}dialog {
|
92
|
-
width: 35%;
|
93
|
-
}
|
94
|
-
}
|