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.
Files changed (92) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +29 -1
  3. data/app/views/weui/_message_box.html.erb +8 -8
  4. data/app/views/weui/message_box.html.erb +1 -1
  5. data/lib/weui-rails/helpers/weui_message_box.rb +1 -1
  6. data/lib/weui-rails/version.rb +1 -1
  7. data/vendor/assets/stylesheets/_weui.scss +43 -23
  8. data/vendor/assets/stylesheets/base/fn.scss +9 -6
  9. data/vendor/assets/stylesheets/base/mixin/_mobile.scss +1 -18
  10. data/vendor/assets/stylesheets/base/mixin/_setArrow.scss +11 -82
  11. data/vendor/assets/stylesheets/base/mixin/_setOnepx.scss +4 -4
  12. data/vendor/assets/stylesheets/base/mixin/_text.scss +5 -0
  13. data/vendor/assets/stylesheets/base/reset.scss +4 -3
  14. data/vendor/assets/stylesheets/base/variable/_color.scss +20 -0
  15. data/vendor/assets/stylesheets/base/variable/_global.scss +6 -32
  16. data/vendor/assets/stylesheets/base/variable/_weui-button.scss +37 -0
  17. data/vendor/assets/stylesheets/base/variable/{_weui_cell.scss → _weui-cell.scss} +11 -3
  18. data/vendor/assets/stylesheets/base/variable/_weui-dialog.scss +5 -0
  19. data/vendor/assets/stylesheets/base/variable/{_weui_grid.scss → _weui-grid.scss} +0 -0
  20. data/vendor/assets/stylesheets/base/variable/{_weui_msg.scss → _weui-msg.scss} +0 -0
  21. data/vendor/assets/stylesheets/base/variable/{_weui_progress.scss → _weui-progress.scss} +0 -0
  22. data/vendor/assets/stylesheets/icon/weui-font.scss +56 -0
  23. data/vendor/assets/stylesheets/icon/weui-icon_font.scss +94 -0
  24. data/vendor/assets/stylesheets/widget/weui-agree/weui-agree.scss +59 -0
  25. data/vendor/assets/stylesheets/widget/weui-animate/weui-animate.scss +54 -0
  26. data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_default.scss → weui-button/weui-btn_default.scss} +1 -1
  27. data/vendor/assets/stylesheets/widget/weui-button/weui-btn_disabled.scss +15 -0
  28. data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_global.scss → weui-button/weui-btn_global.scss} +4 -5
  29. data/vendor/assets/stylesheets/widget/weui-button/weui-btn_plain.scss +29 -0
  30. data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_primary.scss → weui-button/weui-btn_primary.scss} +0 -0
  31. data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_warn.scss → weui-button/weui-btn_warn.scss} +0 -0
  32. data/vendor/assets/stylesheets/widget/weui-button/weui-button.scss +60 -0
  33. data/vendor/assets/stylesheets/widget/weui-cell/weui-access.scss +32 -0
  34. data/vendor/assets/stylesheets/widget/{weui_cell/weui_cell_global.scss → weui-cell/weui-cell_global.scss} +25 -29
  35. data/vendor/assets/stylesheets/widget/weui-cell/weui-check.scss +4 -0
  36. data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_check_common.scss → weui-cell/weui-check/weui-check_common.scss} +0 -0
  37. data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_checkbox.scss → weui-cell/weui-check/weui-checkbox.scss} +3 -3
  38. data/vendor/assets/stylesheets/widget/{weui_cell/weui_check/weui_radio.scss → weui-cell/weui-check/weui-radio.scss} +2 -2
  39. data/vendor/assets/stylesheets/widget/weui-cell/weui-form.scss +5 -0
  40. data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-form-preview.scss +89 -0
  41. data/vendor/assets/stylesheets/widget/{weui_cell/weui_form/weui_form_common.scss → weui-cell/weui-form/weui-form_common.scss} +26 -26
  42. data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-select.scss +69 -0
  43. data/vendor/assets/stylesheets/widget/weui-cell/weui-form/weui-vcode.scss +27 -0
  44. data/vendor/assets/stylesheets/widget/weui-cell/weui-gallery.scss +35 -0
  45. data/vendor/assets/stylesheets/widget/weui-cell/weui-switch.scss +52 -0
  46. data/vendor/assets/stylesheets/widget/{weui_cell/weui_uploader.scss → weui-cell/weui-uploader.scss} +36 -36
  47. data/vendor/assets/stylesheets/widget/weui-flex/weui-flex.scss +8 -0
  48. data/vendor/assets/stylesheets/widget/weui-footer/weui-footer.scss +41 -0
  49. data/vendor/assets/stylesheets/widget/weui-grid/weui-grid.scss +55 -0
  50. data/vendor/assets/stylesheets/widget/weui-loading/weui-loading.scss +32 -0
  51. data/vendor/assets/stylesheets/widget/weui-media-box/weui-media-box.scss +87 -0
  52. data/vendor/assets/stylesheets/widget/{weui_page/weui_article.scss → weui-page/weui-article.scss} +5 -4
  53. data/vendor/assets/stylesheets/widget/weui-page/weui-msg.scss +45 -0
  54. data/vendor/assets/stylesheets/widget/weui-panel/weui-panel.scss +34 -0
  55. data/vendor/assets/stylesheets/widget/weui-picker/weui-picker.scss +98 -0
  56. data/vendor/assets/stylesheets/widget/weui-progress/weui-progress.scss +24 -0
  57. data/vendor/assets/stylesheets/widget/{weui_searchbar/weui_searchbar.scss → weui-searchbar/weui-searchbar.scss} +17 -17
  58. data/vendor/assets/stylesheets/widget/{weui_tab → weui-tab}/navbar.scss +7 -7
  59. data/vendor/assets/stylesheets/widget/weui-tab/tabbar.scss +57 -0
  60. data/vendor/assets/stylesheets/widget/{weui_tab/weui_tab.scss → weui-tab/weui-tab.scss} +2 -6
  61. data/vendor/assets/stylesheets/widget/weui-tips/weui-actionsheet.scss +84 -0
  62. data/vendor/assets/stylesheets/widget/weui-tips/weui-dialog.scss +133 -0
  63. data/vendor/assets/stylesheets/widget/weui-tips/weui-loadmore.scss +41 -0
  64. data/vendor/assets/stylesheets/widget/weui-tips/weui-mask.scss +20 -0
  65. data/vendor/assets/stylesheets/widget/weui-tips/weui-toast.scss +35 -0
  66. metadata +54 -47
  67. data/vendor/assets/stylesheets/base/mixin/_setChecked.scss +0 -21
  68. data/vendor/assets/stylesheets/base/variable/_monokai.scss +0 -11
  69. data/vendor/assets/stylesheets/base/variable/_weui_button.scss +0 -21
  70. data/vendor/assets/stylesheets/icon/weui_font.scss +0 -63
  71. data/vendor/assets/stylesheets/icon/weui_icon_font.scss +0 -83
  72. data/vendor/assets/stylesheets/widget/weui_button/weui_btn_disabled.scss +0 -9
  73. data/vendor/assets/stylesheets/widget/weui_button/weui_btn_plain.scss +0 -30
  74. data/vendor/assets/stylesheets/widget/weui_button/weui_button.scss +0 -58
  75. data/vendor/assets/stylesheets/widget/weui_cell/weui_access.scss +0 -23
  76. data/vendor/assets/stylesheets/widget/weui_cell/weui_check.scss +0 -4
  77. data/vendor/assets/stylesheets/widget/weui_cell/weui_form.scss +0 -6
  78. data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_select.scss +0 -39
  79. data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_select_after.scss +0 -9
  80. data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_select_before.scss +0 -31
  81. data/vendor/assets/stylesheets/widget/weui_cell/weui_form/weui_vcode.scss +0 -14
  82. data/vendor/assets/stylesheets/widget/weui_cell/weui_switch.scss +0 -56
  83. data/vendor/assets/stylesheets/widget/weui_grid/weui_grid.scss +0 -73
  84. data/vendor/assets/stylesheets/widget/weui_media_box/weui_media_box.scss +0 -93
  85. data/vendor/assets/stylesheets/widget/weui_page/weui_msg.scss +0 -48
  86. data/vendor/assets/stylesheets/widget/weui_panel/weui_panel.scss +0 -64
  87. data/vendor/assets/stylesheets/widget/weui_progress/weui_progress.scss +0 -23
  88. data/vendor/assets/stylesheets/widget/weui_tab/tabbar.scss +0 -49
  89. data/vendor/assets/stylesheets/widget/weui_tips/weui_actionsheet.scss +0 -43
  90. data/vendor/assets/stylesheets/widget/weui_tips/weui_dialog.scss +0 -94
  91. data/vendor/assets/stylesheets/widget/weui_tips/weui_mask.scss +0 -35
  92. 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
- }