fe / yohobuywap-node · Commits

Go to a project

Authored by 王水玲
Commit cd22744d3e2d409200e92ead6cd770de7ccfe9fb 1 parent 6b6ccb38

css PX转px

Inline Side-by-side
Showing 3 changed files with 15 additions and 15 deletions
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 display: inline-block; 7 display: inline-block;
8 width: 275px; 8 width: 275px;
9 height: 160px; 9 height: 160px;
10 - border-radius: 4PX; 10 + border-radius: 8px;
11 background-size: 100%; 11 background-size: 100%;
12 background-repeat: no-repeat; 12 background-repeat: no-repeat;
13 background-position: center; 13 background-position: center;
@@ -25,20 +25,20 @@ @@ -25,20 +25,20 @@
25 25
26 .loading { 26 .loading {
27 position: absolute; 27 position: absolute;
28 - width: 60PX;  
29 - height: 20PX; 28 + width: 120px;
  29 + height: 40px;
30 top: 50%; 30 top: 50%;
31 left: 50%; 31 left: 50%;
32 - margin-top: -10PX;  
33 - margin-left: -30PX; 32 + margin-top: -20px;
  33 + margin-left: -60px;
34 34
35 > div { 35 > div {
36 display: inline-block; 36 display: inline-block;
37 background: #fff; 37 background: #fff;
38 - width: 15PX;  
39 - height: 15PX; 38 + width: 30px;
  39 + height: 30px;
40 border-radius: 100%; 40 border-radius: 100%;
41 - margin: 2PX; 41 + margin: 4px;
42 $init: 0.12; 42 $init: 0.12;
43 43
44 @for $i from 1 to 3 { 44 @for $i from 1 to 3 {
@@ -14,7 +14,7 @@ html, @@ -14,7 +14,7 @@ html,
14 body { 14 body {
15 font-family: helvetica, Arial, "黑体"; 15 font-family: helvetica, Arial, "黑体";
16 width: 100%; 16 width: 100%;
17 - font-size: 12PX; 17 + font-size: 24px;
18 line-height: 1.4; 18 line-height: 1.4;
19 } 19 }
20 20
@@ -59,11 +59,11 @@ a { @@ -59,11 +59,11 @@ a {
59 59
60 .iconfont { 60 .iconfont {
61 font-family: "iconfont" !important; 61 font-family: "iconfont" !important;
62 - font-size: 16PX; 62 + font-size: 32px;
63 font-style: normal; 63 font-style: normal;
64 text-decoration: none; 64 text-decoration: none;
65 -webkit-font-smoothing: antialiased; 65 -webkit-font-smoothing: antialiased;
66 - -webkit-text-stroke-width: 0.2PX; 66 + -webkit-text-stroke-width: 0.4px;
67 -moz-osx-font-smoothing: grayscale; 67 -moz-osx-font-smoothing: grayscale;
68 } 68 }
69 69
@@ -72,17 +72,17 @@ a { @@ -72,17 +72,17 @@ a {
72 display: none; 72 display: none;
73 text-align: center; 73 text-align: center;
74 width: 70%; 74 width: 70%;
75 - padding: 34PX 0; 75 + padding: 68px 0;
76 top: 50%; 76 top: 50%;
77 left: 50%; 77 left: 50%;
78 margin-left: -35%; 78 margin-left: -35%;
79 - margin-top: -45PX; 79 + margin-top: -90px;
80 background-color: rgba(0, 0, 0, 0.7); 80 background-color: rgba(0, 0, 0, 0.7);
81 color: #fff; 81 color: #fff;
82 - font-size: 18PX; 82 + font-size: 36px;
83 border: none; 83 border: none;
84 z-index: 4; 84 z-index: 4;
85 - border-radius: 10PX; 85 + border-radius: 20px;
86 } 86 }
87 87
88 @import "common/lazy-failure"; 88 @import "common/lazy-failure";