静态页面

src/components/WuYeFuWu/index.css

@@ -6,17 +6,21 @@
   background-color: #f2f2f2;
 }
 .WuYeFuWu .TypeList {
-  padding-right: 60px;
+  padding-right: 30px;
   font-size: 0;
+  background: #fff;
+  position: relative;
+  overflow: hidden;
+  padding-bottom: 20px;
 }
 .WuYeFuWu .TypeList > view {
   display: inline-block;
   vertical-align: middle;
   position: relative;
   overflow: hidden;
-  margin-left: 60px;
+  margin-left: 30px;
   margin-top: 30px;
-  width: calc((100% - 180px) / 3);
+  width: calc((100% - 150px) / 5);
 }
 .WuYeFuWu .TypeList > view > view {
   position: relative;
@@ -29,8 +33,8 @@
   width: 100%;
 }
 .WuYeFuWu .TypeList > view > view > view > .Icon {
-  width: 80px;
-  height: 80px;
+  width: 60px;
+  height: 60px;
   position: relative;
   overflow: hidden;
   margin: 0 auto;
@@ -40,7 +44,7 @@
   height: 100%;
 }
 .WuYeFuWu .TypeList > view > view > view > .Icon text {
-  font-size: 70px;
+  font-size: 50px;
   color: #F35844;
   display: block;
   text-align: center;
@@ -48,10 +52,10 @@
 .WuYeFuWu .TypeList > view > view > view > .Name text {
   display: block;
   text-align: center;
-  font-size: 28px;
+  font-size: 24px;
   color: #333;
   line-height: 40px;
-  margin-top: 10px;
+  white-space: nowrap;
 }
 .WuYeFuWu .BigImg {
   width: 100%;

src/components/WuYeFuWu/index.less

@@ -8,6 +8,10 @@
   .TypeList {
     padding-right: 30px;
     font-size: 0;
+    background: #fff;
+    position: relative;
+    overflow: hidden;
+    padding-bottom: 20px;
 
     >view {
       display: inline-block;