张泽世 / yohobuywap-node · Commits

Go to a project

Authored by lijing
Commit 275f71e320eb6e9c2f277a87c3d8dde2910b200b 1 parent 33aa38e3

修改页面宽度改变造成部分样式错乱

Inline Side-by-side
Showing 6 changed files with 21 additions and 17 deletions
@@ -88,7 +88,7 @@ @@ -88,7 +88,7 @@
88 "precss": "^1.4.0", 88 "precss": "^1.4.0",
89 "rewire": "^2.5.2", 89 "rewire": "^2.5.2",
90 "shelljs": "^0.7.0", 90 "shelljs": "^0.7.0",
91 - "stylelint": "^6.9.0", 91 + "stylelint": "^7.0.0",
92 "stylelint-config-yoho": "^1.2.3", 92 "stylelint-config-yoho": "^1.2.3",
93 "webpack": "^1.13.1", 93 "webpack": "^1.13.1",
94 "webpack-dev-server": "^1.14.1", 94 "webpack-dev-server": "^1.14.1",
@@ -19,15 +19,15 @@ @@ -19,15 +19,15 @@
19 19
20 .classify-list > li { 20 .classify-list > li {
21 float: left; 21 float: left;
22 - width: 213.3px;  
23 - height: 194px; 22 + width: 33.33%;
  23 + height: 227px;
24 border-top: 1px solid #e0e0e0; 24 border-top: 1px solid #e0e0e0;
25 border-right: 1px solid #e0e0e0; 25 border-right: 1px solid #e0e0e0;
26 } 26 }
27 27
28 .classify-logo { 28 .classify-logo {
29 - width: 212px;  
30 - height: 192px; 29 + width: 100%;
  30 + height: 100%;
31 31
32 img { 32 img {
33 display: block; 33 display: block;
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 position: fixed; 2 position: fixed;
3 left: 50%; 3 left: 50%;
4 bottom: 0; 4 bottom: 0;
5 - margin-left: -320px; 5 + margin-left: -375px;
6 width: 100%; 6 width: 100%;
7 height: 100px; 7 height: 100px;
8 max-width: 750px; 8 max-width: 750px;
@@ -11,19 +11,23 @@ @@ -11,19 +11,23 @@
11 background: #fff; 11 background: #fff;
12 border-top: 1px solid #b0b0b0; 12 border-top: 1px solid #b0b0b0;
13 z-index: 3; 13 z-index: 3;
  14 +
14 .tab-item { 15 .tab-item {
15 float: left; 16 float: left;
16 width: 20%; 17 width: 20%;
17 text-align: center; 18 text-align: center;
18 color: #b0b0b0; 19 color: #b0b0b0;
  20 +
19 &.current { 21 &.current {
20 color: #414141; 22 color: #414141;
21 } 23 }
22 } 24 }
  25 +
23 .tab-icon { 26 .tab-icon {
24 font-size: 40px; 27 font-size: 40px;
25 line-height: 1; 28 line-height: 1;
26 } 29 }
  30 +
27 .tab-name { 31 .tab-name {
28 margin-top: 10px; 32 margin-top: 10px;
29 font-size: 20px; 33 font-size: 20px;
@@ -49,15 +49,15 @@ @@ -49,15 +49,15 @@
49 } 49 }
50 50
51 .goods-category .category-list { 51 .goods-category .category-list {
52 - height: 382px; 52 + height: 447px;
53 border-bottom: 1px solid #e0e0e0; 53 border-bottom: 1px solid #e0e0e0;
54 border-top: 1px solid #e0e0e0; 54 border-top: 1px solid #e0e0e0;
55 overflow: hidden; 55 overflow: hidden;
56 56
57 li { 57 li {
58 float: left; 58 float: left;
59 - width: 191px;  
60 - height: 191px; 59 + width: 223px;
  60 + height: 223px;
61 border-left: 1px solid #e0e0e0; 61 border-left: 1px solid #e0e0e0;
62 62
63 .first-show { 63 .first-show {
@@ -85,8 +85,8 @@ @@ -85,8 +85,8 @@
85 } 85 }
86 86
87 li:first-child { 87 li:first-child {
88 - width: 258px;  
89 - height: 382px; 88 + width: 302px;
  89 + height: 447px;
90 border-left: none; 90 border-left: none;
91 91
92 .img-box { 92 .img-box {
@@ -25,8 +25,8 @@ @@ -25,8 +25,8 @@
25 25
26 .brand { 26 .brand {
27 float: left; 27 float: left;
28 - width: 158px;  
29 - height: 174px; 28 + width: 25%;
  29 + height: 203px;
30 border-right: 1px solid #e0e0e0; 30 border-right: 1px solid #e0e0e0;
31 border-top: 1px solid #e0e0e0; 31 border-top: 1px solid #e0e0e0;
32 overflow: hidden; 32 overflow: hidden;
@@ -66,8 +66,8 @@ @@ -66,8 +66,8 @@
66 66
67 .more { 67 .more {
68 float: left; 68 float: left;
69 - width: 317px;  
70 - height: 174px; 69 + width: 50%;
  70 + height: 203px;
71 border-top: 1px solid #e0e0e0; 71 border-top: 1px solid #e0e0e0;
72 overflow: hidden; 72 overflow: hidden;
73 73
@@ -17,8 +17,8 @@ @@ -17,8 +17,8 @@
17 17
18 li { 18 li {
19 float: left; 19 float: left;
20 - width: 160px;  
21 - height: 174px; 20 + width: 25%;
  21 + height: 204px;
22 border-top: 1px solid #e0e0e0; 22 border-top: 1px solid #e0e0e0;
23 border-left: 1px solid #e0e0e0; 23 border-left: 1px solid #e0e0e0;
24 overflow: hidden; 24 overflow: hidden;