fe / YOHOBUYWAP · Commits

Go to a project

Authored by yyq
Commit 85fb19e2abddaea027f845d406e48b32a34d2316 1 parent e3223c4e

取消订单样式调整

Inline Side-by-side
Showing 9 changed files with 30 additions and 36 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.

21.3 KB | W: | H:

21.7 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

22.8 KB | W: | H:

22.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

8.77 KB | W: | H:

8.82 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -40,7 +40,6 @@ @@ -40,7 +40,6 @@
40 } 40 }
41 41
42 .owner-info { 42 .owner-info {
43 - border-bottom: 1px solid #e0e0e0;  
44 line-height: 1.5; 43 line-height: 1.5;
45 } 44 }
46 .range{ 45 .range{
@@ -207,26 +206,23 @@ @@ -207,26 +206,23 @@
207 visibility: hidden; 206 visibility: hidden;
208 207
209 .reason-box { 208 .reason-box {
210 - border-bottom: solid 1px #CCCCCC; 209 + border-bottom: 1px solid #ccc;
211 font: inherit; 210 font: inherit;
212 vertical-align: baseline; 211 vertical-align: baseline;
213 position: absolute; 212 position: absolute;
214 - left: 50%;  
215 - top: 50%;  
216 - margin-left: -270px;  
217 - margin-top: -290px;  
218 - width: 540px;  
219 - height:580px; 213 + bottom: 0;
  214 + width: 100%;
  215 + height: 380px;
220 color: #444; 216 color: #444;
221 background: #fff; 217 background: #fff;
222 - border-radius: 10px;  
223 padding-bottom: 20px; 218 padding-bottom: 20px;
224 219
  220 +
225 .box-head { 221 .box-head {
226 height: 60px; 222 height: 60px;
227 line-height: 60px; 223 line-height: 60px;
228 text-align: right; 224 text-align: right;
229 - font-size: 36px; 225 + font-size: 24px;
230 background: rgb(240, 240, 240); 226 background: rgb(240, 240, 240);
231 padding-right: 30px; 227 padding-right: 30px;
232 } 228 }
@@ -234,15 +230,17 @@ @@ -234,15 +230,17 @@
234 .box-main { 230 .box-main {
235 background: #FFFFFF; 231 background: #FFFFFF;
236 padding: 20px; 232 padding: 20px;
237 - height:480px; 233 + height:300px;
238 234
239 .active-mask { 235 .active-mask {
  236 + width: 500px;
  237 + height: 60px;
240 position: absolute; 238 position: absolute;
  239 + left: 50%;
241 top: 50%; 240 top: 50%;
242 - margin-top: -44px;  
243 - height: 88px; 241 + margin-top: -18px;
  242 + margin-left: -250px;
244 z-index: 8; 243 z-index: 8;
245 - width: 500px;  
246 background: rgba(255, 255, 255, 0.1); 244 background: rgba(255, 255, 255, 0.1);
247 border-bottom: 1px solid rgb(223,224,224); 245 border-bottom: 1px solid rgb(223,224,224);
248 border-top: 1px solid rgb(223,224,224); 246 border-top: 1px solid rgb(223,224,224);
@@ -253,18 +251,16 @@ @@ -253,18 +251,16 @@
253 text-align: center; 251 text-align: center;
254 background: #FFF; 252 background: #FFF;
255 color: rgba(0, 0, 0, .5); 253 color: rgba(0, 0, 0, .5);
256 - font-size: 38px; 254 + font-size: 28px;
257 } 255 }
258 256
259 .swiper-slide-active { 257 .swiper-slide-active {
260 padding-top: 0; 258 padding-top: 0;
261 font-style: normal; 259 font-style: normal;
262 - font-size: 38px;  
263 - color: rgb(0,0,0);  
264 - line-height: 78px; 260 + font-size: 32px;
  261 + color: rgb(0, 0, 0);
  262 + line-height: 58px;
265 } 263 }
266 -  
267 -  
268 } 264 }
269 } 265 }
270 } 266 }
@@ -12,19 +12,15 @@ @@ -12,19 +12,15 @@
12 visibility: hidden; 12 visibility: hidden;
13 13
14 .reason-box { 14 .reason-box {
15 - border-bottom: solid 1px #CCCCCC; 15 + border-bottom: 1px solid #ccc;
16 font: inherit; 16 font: inherit;
17 vertical-align: baseline; 17 vertical-align: baseline;
18 position: absolute; 18 position: absolute;
19 - left: 50%;  
20 - top: 50%;  
21 - margin-left: -270px;  
22 - margin-top: -290px;  
23 - width: 540px;  
24 - height:580px; 19 + bottom: 0;
  20 + width: 100%;
  21 + height: 380px;
25 color: #444; 22 color: #444;
26 background: #fff; 23 background: #fff;
27 - border-radius: 10px;  
28 padding-bottom: 20px; 24 padding-bottom: 20px;
29 25
30 .box-head { 26 .box-head {
@@ -39,15 +35,17 @@ @@ -39,15 +35,17 @@
39 .box-main { 35 .box-main {
40 background: #FFFFFF; 36 background: #FFFFFF;
41 padding: 20px; 37 padding: 20px;
42 - height:480px; 38 + height:300px;
43 39
44 .active-mask { 40 .active-mask {
  41 + width: 500px;
  42 + height: 60px;
45 position: absolute; 43 position: absolute;
  44 + left: 50%;
46 top: 50%; 45 top: 50%;
47 - margin-top: -44px;  
48 - height: 88px; 46 + margin-top: -18px;
  47 + margin-left: -250px;
49 z-index: 8; 48 z-index: 8;
50 - width: 500px;  
51 background: rgba(255, 255, 255, 0.1); 49 background: rgba(255, 255, 255, 0.1);
52 border-bottom: 1px solid rgb(223,224,224); 50 border-bottom: 1px solid rgb(223,224,224);
53 border-top: 1px solid rgb(223,224,224); 51 border-top: 1px solid rgb(223,224,224);
@@ -58,15 +56,15 @@ @@ -58,15 +56,15 @@
58 text-align: center; 56 text-align: center;
59 background: #FFF; 57 background: #FFF;
60 color: rgba(0, 0, 0, .5); 58 color: rgba(0, 0, 0, .5);
61 - font-size: 38px; 59 + font-size: 28px;
62 } 60 }
63 61
64 .swiper-slide-active { 62 .swiper-slide-active {
65 padding-top: 0; 63 padding-top: 0;
66 font-style: normal; 64 font-style: normal;
67 - font-size: 38px;  
68 - color: rgb(0,0,0);  
69 - line-height: 78px; 65 + font-size: 32px;
  66 + color: rgb(0, 0, 0);
  67 + line-height: 58px;
70 } 68 }
71 } 69 }
72 } 70 }