Browse Source

静态页面

xcx 4 years ago
parent
commit
75a35cf357
2 changed files with 16 additions and 8 deletions
  1. 12
    8
      src/components/WuYeFuWu/index.css
  2. 4
    0
      src/components/WuYeFuWu/index.less

+ 12
- 8
src/components/WuYeFuWu/index.css View File

6
   background-color: #f2f2f2;
6
   background-color: #f2f2f2;
7
 }
7
 }
8
 .WuYeFuWu .TypeList {
8
 .WuYeFuWu .TypeList {
9
-  padding-right: 60px;
9
+  padding-right: 30px;
10
   font-size: 0;
10
   font-size: 0;
11
+  background: #fff;
12
+  position: relative;
13
+  overflow: hidden;
14
+  padding-bottom: 20px;
11
 }
15
 }
12
 .WuYeFuWu .TypeList > view {
16
 .WuYeFuWu .TypeList > view {
13
   display: inline-block;
17
   display: inline-block;
14
   vertical-align: middle;
18
   vertical-align: middle;
15
   position: relative;
19
   position: relative;
16
   overflow: hidden;
20
   overflow: hidden;
17
-  margin-left: 60px;
21
+  margin-left: 30px;
18
   margin-top: 30px;
22
   margin-top: 30px;
19
-  width: calc((100% - 180px) / 3);
23
+  width: calc((100% - 150px) / 5);
20
 }
24
 }
21
 .WuYeFuWu .TypeList > view > view {
25
 .WuYeFuWu .TypeList > view > view {
22
   position: relative;
26
   position: relative;
29
   width: 100%;
33
   width: 100%;
30
 }
34
 }
31
 .WuYeFuWu .TypeList > view > view > view > .Icon {
35
 .WuYeFuWu .TypeList > view > view > view > .Icon {
32
-  width: 80px;
33
-  height: 80px;
36
+  width: 60px;
37
+  height: 60px;
34
   position: relative;
38
   position: relative;
35
   overflow: hidden;
39
   overflow: hidden;
36
   margin: 0 auto;
40
   margin: 0 auto;
40
   height: 100%;
44
   height: 100%;
41
 }
45
 }
42
 .WuYeFuWu .TypeList > view > view > view > .Icon text {
46
 .WuYeFuWu .TypeList > view > view > view > .Icon text {
43
-  font-size: 70px;
47
+  font-size: 50px;
44
   color: #F35844;
48
   color: #F35844;
45
   display: block;
49
   display: block;
46
   text-align: center;
50
   text-align: center;
48
 .WuYeFuWu .TypeList > view > view > view > .Name text {
52
 .WuYeFuWu .TypeList > view > view > view > .Name text {
49
   display: block;
53
   display: block;
50
   text-align: center;
54
   text-align: center;
51
-  font-size: 28px;
55
+  font-size: 24px;
52
   color: #333;
56
   color: #333;
53
   line-height: 40px;
57
   line-height: 40px;
54
-  margin-top: 10px;
58
+  white-space: nowrap;
55
 }
59
 }
56
 .WuYeFuWu .BigImg {
60
 .WuYeFuWu .BigImg {
57
   width: 100%;
61
   width: 100%;

+ 4
- 0
src/components/WuYeFuWu/index.less View File

8
   .TypeList {
8
   .TypeList {
9
     padding-right: 30px;
9
     padding-right: 30px;
10
     font-size: 0;
10
     font-size: 0;
11
+    background: #fff;
12
+    position: relative;
13
+    overflow: hidden;
14
+    padding-bottom: 20px;
11
 
15
 
12
     >view {
16
     >view {
13
       display: inline-block;
17
       display: inline-block;