fe / yohobuywap-node · Commits

Go to a project

Authored by htoooth
Commit 08d970ebf430226f7a24e0d1c1f41d519a6da4b1 1 parent 8ee4149a

format scss

Inline Side-by-side
Showing 12 changed files with 38 additions and 52 deletions
1 1
2 .action-bar-comp { 2 .action-bar-comp {
3 -  
4 .action-bar { 3 .action-bar {
5 display: flex; 4 display: flex;
6 width: 100%; 5 width: 100%;
@@ -29,26 +28,24 @@ @@ -29,26 +28,24 @@
29 position: absolute; 28 position: absolute;
30 top: 50%; 29 top: 50%;
31 left: 50%; 30 left: 50%;
32 - /* transform: translateY(-50%); */  
33 transform: translate(-50%, -50%); 31 transform: translate(-50%, -50%);
34 -  
35 } 32 }
36 33
37 .ok { 34 .ok {
38 - background-color: #D0021B; 35 + background-color: #d0021b;
39 } 36 }
40 37
41 .confirm { 38 .confirm {
42 - background-color: #444444; 39 + background-color: #444;
43 } 40 }
44 41
45 .over { 42 .over {
46 - background-color: #B0B0B0; 43 + background-color: #b0b0b0;
47 } 44 }
48 45
49 .code-alert { 46 .code-alert {
50 text-align: center; 47 text-align: center;
51 - color: #444444; 48 + color: #444;
52 margin-top: 60px; 49 margin-top: 60px;
53 margin-bottom: 60px; 50 margin-bottom: 60px;
54 } 51 }
@@ -56,7 +53,7 @@ @@ -56,7 +53,7 @@
56 .title { 53 .title {
57 display: inline-block; 54 display: inline-block;
58 font-size: 28px; 55 font-size: 28px;
59 - color: #444444; 56 + color: #444;
60 height: 50px; 57 height: 50px;
61 line-height: 50px; 58 line-height: 50px;
62 } 59 }
@@ -69,14 +66,14 @@ @@ -69,14 +66,14 @@
69 font-weight: bolder; 66 font-weight: bolder;
70 line-height: 50px; 67 line-height: 50px;
71 text-align: center; 68 text-align: center;
72 - border: 1px solid #444444; 69 + border: 1px solid #444;
73 padding: 0 20px; 70 padding: 0 20px;
74 margin-left: 20px; 71 margin-left: 20px;
75 } 72 }
76 73
77 .share { 74 .share {
78 font-size: 28px; 75 font-size: 28px;
79 - color: #444444; 76 + color: #444;
80 } 77 }
81 78
82 .foot { 79 .foot {
@@ -90,7 +87,7 @@ @@ -90,7 +87,7 @@
90 font-size: 28px; 87 font-size: 28px;
91 font-weight: bolder; 88 font-weight: bolder;
92 text-align: center; 89 text-align: center;
93 - border-top: 1px solid #E0E0E0; 90 + border-top: 1px solid #e0e0e0;
94 } 91 }
95 92
96 .foot-item { 93 .foot-item {
@@ -105,11 +102,11 @@ @@ -105,11 +102,11 @@
105 } 102 }
106 103
107 .foot-item + .foot-item { 104 .foot-item + .foot-item {
108 - border-left: 1px solid #E0E0E0 !important; 105 + border-left: 1px solid #e0e0e0 !important;
109 } 106 }
110 107
111 .info { 108 .info {
112 - color: #D0021B !important; 109 + color: #d0021b !important;
113 } 110 }
114 111
115 .error-alert { 112 .error-alert {
@@ -120,7 +117,7 @@ @@ -120,7 +117,7 @@
120 117
121 .error-title { 118 .error-title {
122 font-size: 40px; 119 font-size: 40px;
123 - color: #D0021B; 120 + color: #d0021b;
124 margin-bottom: 30px; 121 margin-bottom: 30px;
125 } 122 }
126 123
@@ -141,26 +138,26 @@ @@ -141,26 +138,26 @@
141 width: 480px !important; 138 width: 480px !important;
142 height: 80px !important; 139 height: 80px !important;
143 border-radius: 50px !important; 140 border-radius: 50px !important;
144 - background-color: #D0021B !important; 141 + background-color: #d0021b !important;
145 text-align: center !important; 142 text-align: center !important;
146 font-size: 32px !important; 143 font-size: 32px !important;
147 color: white !important; 144 color: white !important;
148 - border: 1px solid #D0021B !important; 145 + border: 1px solid #d0021b !important;
149 margin-left: 40px !important; 146 margin-left: 40px !important;
150 margin-right: 40px !important; 147 margin-right: 40px !important;
151 } 148 }
152 149
153 .share-tip { 150 .share-tip {
154 font-size: 20px; 151 font-size: 20px;
155 - color: #B0B0B0; 152 + color: #b0b0b0;
156 margin-top: 10px; 153 margin-top: 10px;
157 margin-bottom: 40px; 154 margin-bottom: 40px;
158 - text-align: center 155 + text-align: center;
159 } 156 }
160 157
161 .alert-title { 158 .alert-title {
162 font-size: 36px; 159 font-size: 36px;
163 - color: #222222; 160 + color: #222;
164 text-align: center; 161 text-align: center;
165 margin-top: 80px; 162 margin-top: 80px;
166 font-weight: bolder; 163 font-weight: bolder;
1 1
2 2
3 .avatar-comp { 3 .avatar-comp {
4 - .avatar-item {  
5 - }  
6 -  
7 .avatar-image { 4 .avatar-image {
8 display: inline-block; 5 display: inline-block;
9 margin-top: 4px; 6 margin-top: 4px;
1 1
2 .desc-comp { 2 .desc-comp {
3 .desc { 3 .desc {
4 - border-top: 1px solid #D8D8D8; 4 + border-top: 1px solid #d8d8d8;
5 } 5 }
6 6
7 .title { 7 .title {
@@ -10,7 +10,7 @@ @@ -10,7 +10,7 @@
10 box-sizing: border-box; 10 box-sizing: border-box;
11 font-size: 28px; 11 font-size: 28px;
12 padding: 16px 0; 12 padding: 16px 0;
13 - border-top: 10px solid #444444; 13 + border-top: 10px solid #444;
14 text-align: center; 14 text-align: center;
15 margin-bottom: 36px; 15 margin-bottom: 36px;
16 } 16 }
@@ -18,7 +18,7 @@ @@ -18,7 +18,7 @@
18 .desc-content { 18 .desc-content {
19 min-height: 200px; 19 min-height: 200px;
20 font-size: 24px; 20 font-size: 24px;
21 - color: #444444; 21 + color: #444;
22 line-height: 48px; 22 line-height: 48px;
23 padding: 0 24px; 23 padding: 0 24px;
24 } 24 }
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 .title { 14 .title {
15 color: white; 15 color: white;
16 font-size: 20px; 16 font-size: 20px;
17 - margin-bottom: 0!important; 17 + margin-bottom: 0 !important;
18 } 18 }
19 19
20 .btn { 20 .btn {
@@ -24,7 +24,7 @@ @@ -24,7 +24,7 @@
24 height: 40px; 24 height: 40px;
25 font-size: 24px; 25 font-size: 24px;
26 line-height: 40px; 26 line-height: 40px;
27 - background-color: #D0021B; 27 + background-color: #d0021b;
28 text-align: center; 28 text-align: center;
29 animation: scaleDraw 3s ease-in-out infinite; 29 animation: scaleDraw 3s ease-in-out infinite;
30 } 30 }
@@ -33,12 +33,15 @@ @@ -33,12 +33,15 @@
33 0% { 33 0% {
34 transform: scale(1); 34 transform: scale(1);
35 } 35 }
  36 +
36 25% { 37 25% {
37 transform: scale(1.2); 38 transform: scale(1.2);
38 } 39 }
  40 +
39 50% { 41 50% {
40 transform: scale(1); 42 transform: scale(1);
41 } 43 }
  44 +
42 75% { 45 75% {
43 transform: scale(1.2); 46 transform: scale(1.2);
44 } 47 }
@@ -28,7 +28,7 @@ @@ -28,7 +28,7 @@
28 .modal-dialog-bg { 28 .modal-dialog-bg {
29 width: 550px; 29 width: 550px;
30 height: 800px; 30 height: 800px;
31 - background: url('img/activity/yoluck/alert_bg@3x.png'); 31 + background: url("img/activity/yoluck/alert_bg@3x.png");
32 background-size: cover; 32 background-size: cover;
33 } 33 }
34 34
@@ -55,7 +55,7 @@ @@ -55,7 +55,7 @@
55 55
56 .title { 56 .title {
57 font-size: 28px; 57 font-size: 28px;
58 - color: #444444; 58 + color: #444;
59 } 59 }
60 60
61 .code { 61 .code {
@@ -71,8 +71,8 @@ @@ -71,8 +71,8 @@
71 71
72 .share { 72 .share {
73 font-size: 28px; 73 font-size: 28px;
74 - color: #FFFFFF;  
75 - background: #FF4C00; 74 + color: #fff;
  75 + background: #ff4c00;
76 border-radius: 28px; 76 border-radius: 28px;
77 width: 460px; 77 width: 460px;
78 height: 80px; 78 height: 80px;
@@ -83,14 +83,12 @@ @@ -83,14 +83,12 @@
83 83
84 .share-desc { 84 .share-desc {
85 font-size: 20px; 85 font-size: 20px;
86 - color: #B0B0B0;  
87 - font-family: PingFangSC-Medium; 86 + color: #b0b0b0;
88 margin-top: 10px; 87 margin-top: 10px;
89 } 88 }
90 89
91 -  
92 .info { 90 .info {
93 - color: #D0021B !important; 91 + color: #d0021b !important;
94 } 92 }
95 93
96 .error-alert { 94 .error-alert {
@@ -101,7 +99,7 @@ @@ -101,7 +99,7 @@
101 99
102 .error-title { 100 .error-title {
103 font-size: 40px; 101 font-size: 40px;
104 - color: #D0021B ; 102 + color: #d0021b;
105 margin-bottom: 30px; 103 margin-bottom: 30px;
106 } 104 }
107 105
@@ -6,8 +6,8 @@ @@ -6,8 +6,8 @@
6 6
7 .title { 7 .title {
8 font-size: 32px; 8 font-size: 32px;
9 - color: #444444;  
10 - border-left: 6px solid #444444; 9 + color: #444;
  10 + border-left: 6px solid #444;
11 padding-left: 12px; 11 padding-left: 12px;
12 text-align: left; 12 text-align: left;
13 margin-bottom: 40px; 13 margin-bottom: 40px;
@@ -5,7 +5,7 @@ @@ -5,7 +5,7 @@
5 .prize-progress { 5 .prize-progress {
6 display: inline-block; 6 display: inline-block;
7 box-sizing: border-box; 7 box-sizing: border-box;
8 - border: 2px solid #E0E0E0; 8 + border: 2px solid #e0e0e0;
9 width: 600px; 9 width: 600px;
10 height: 140px; 10 height: 140px;
11 } 11 }
@@ -22,7 +22,6 @@ @@ -22,7 +22,6 @@
22 22
23 .step0 { 23 .step0 {
24 background: url("img/activity/yoluck/step0@2x.png"); 24 background: url("img/activity/yoluck/step0@2x.png");
25 -  
26 background-size: cover; 25 background-size: cover;
27 } 26 }
28 27
@@ -54,6 +53,6 @@ @@ -54,6 +53,6 @@
54 } 53 }
55 54
56 .active { 55 .active {
57 - color: #444444 56 + color: #444;
58 } 57 }
59 } 58 }
  1 +/* stylelint-disable */
  2 +
1 .product_image { 3 .product_image {
2 width: 750px; 4 width: 750px;
3 height: 470px; 5 height: 470px;
@@ -70,7 +72,6 @@ @@ -70,7 +72,6 @@
70 72
71 .countdown_label { 73 .countdown_label {
72 width: 70px; 74 width: 70px;
73 - font-family: PingFang-SC-Regular;  
74 font-size: 20px; 75 font-size: 20px;
75 color: #222; 76 color: #222;
76 letter-spacing: -0.36px; 77 letter-spacing: -0.36px;
@@ -103,7 +104,6 @@ @@ -103,7 +104,6 @@
103 .product_lucky { 104 .product_lucky {
104 color: #d0021b; 105 color: #d0021b;
105 font-size: 24px; 106 font-size: 24px;
106 - font-family: PingFangSC-Semibold;  
107 display: flex; 107 display: flex;
108 flex-direction: row; 108 flex-direction: row;
109 align-items: baseline; 109 align-items: baseline;
1 - 1 +/* stylelint-disable */
2 2
3 .product_image { 3 .product_image {
4 width: 750px; 4 width: 750px;
@@ -26,9 +26,6 @@ @@ -26,9 +26,6 @@
26 overflow: auto; 26 overflow: auto;
27 background: #f0f0f0; 27 background: #f0f0f0;
28 28
29 - .active {  
30 - }  
31 -  
32 .inactive { 29 .inactive {
33 display: none; 30 display: none;
34 } 31 }
@@ -84,7 +84,6 @@ @@ -84,7 +84,6 @@
84 84
85 /* transform: translateY(-50%); */ 85 /* transform: translateY(-50%); */
86 transform: translate(-50%, -50%); 86 transform: translate(-50%, -50%);
87 -  
88 } 87 }
89 88
90 .action-bar2 { 89 .action-bar2 {
@@ -101,7 +100,6 @@ @@ -101,7 +100,6 @@
101 margin-top: 96px; 100 margin-top: 96px;
102 } 101 }
103 102
104 -  
105 .auth-foot { 103 .auth-foot {
106 position: absolute; 104 position: absolute;
107 box-sizing: border-box; 105 box-sizing: border-box;
@@ -75,10 +75,7 @@ @@ -75,10 +75,7 @@
75 line-height: 250px; 75 line-height: 250px;
76 } 76 }
77 77
78 -  
79 .bottom-banner { 78 .bottom-banner {
80 - /* position: fixed; */  
81 - /* padding-bottom: 88px; */  
82 height: 234px; 79 height: 234px;
83 width: 100%; 80 width: 100%;
84 } 81 }