diff --git a/css/common.css b/css/common.css index 1a01778..8cf25e4 100644 --- a/css/common.css +++ b/css/common.css @@ -14,6 +14,7 @@ body { -webkit-text-size-adjust: 100% !important; /*禁止IOS调整字体大小*/ max-width: 750px; margin: 0 auto; + padding: .94rem 0 .96rem; font-size: 0.14rem; line-height: 1.5; color: #262626; diff --git a/css/style.css b/css/style.css index d984ba9..4d894d3 100644 --- a/css/style.css +++ b/css/style.css @@ -7,7 +7,7 @@ position: fixed; left: 50%; top: 0; - z-index: 999; + z-index: 99; transform: translateX(-50%); } @@ -34,7 +34,6 @@ .banner { width: 100%; height: 3.64rem; - margin-top: .94rem; overflow: hidden; } @@ -147,6 +146,55 @@ min-height: 1.9rem; } .recommend .item>.txt{ - margin: .2rem 0; + margin: .2rem 0 .1rem; text-align: center; +} + +/* 尾部 */ +.footer{ + width: 7.5rem; + height: .96rem; + box-shadow: 0 0 .4rem rgba(243,91,0,.4); + padding: 0 .2rem; + background-color: #ffffff; + overflow-x: hidden; + position: fixed; + left: 50%; + bottom: 0; + z-index: 99; + transform: translateX(-50%); +} +.foot{ + justify-content: space-between; + align-items: center; + width: 100%; + height: .96rem; +} + +.foot>.item{ + flex-wrap: wrap; + justify-content: center; + width: 25%; +} +.foot>.item img{ + height: .34rem; + margin-top: .06rem; +} +.foot>.item img:nth-of-type(2){ + display: none; +} +.foot>.item span{ + width: 100%; + text-align: center; + margin-top: .06rem; +} + +.foot>.item.active img:nth-of-type(1){ + display: none; +} +.foot>.item.active img:nth-of-type(2){ + display: block; +} +.foot>.item.active span{ + color: #f35b00; } \ No newline at end of file diff --git a/images/icon/icon-active-01.png b/images/icon/icon-active-01.png new file mode 100644 index 0000000..7db4596 Binary files /dev/null and b/images/icon/icon-active-01.png differ diff --git a/images/icon/icon-active-02.png b/images/icon/icon-active-02.png new file mode 100644 index 0000000..ec0e826 Binary files /dev/null and b/images/icon/icon-active-02.png differ diff --git a/images/icon/icon-active-03.png b/images/icon/icon-active-03.png new file mode 100644 index 0000000..8e86b6e Binary files /dev/null and b/images/icon/icon-active-03.png differ diff --git a/images/icon/icon-active-04.png b/images/icon/icon-active-04.png new file mode 100644 index 0000000..62b7c0d Binary files /dev/null and b/images/icon/icon-active-04.png differ diff --git a/images/icon/icon-tabbar-01.png b/images/icon/icon-tabbar-01.png new file mode 100644 index 0000000..0b30ee9 Binary files /dev/null and b/images/icon/icon-tabbar-01.png differ diff --git a/images/icon/icon-tabbar-02.png b/images/icon/icon-tabbar-02.png new file mode 100644 index 0000000..1566343 Binary files /dev/null and b/images/icon/icon-tabbar-02.png differ diff --git a/images/icon/icon-tabbar-03.png b/images/icon/icon-tabbar-03.png new file mode 100644 index 0000000..da02ffa Binary files /dev/null and b/images/icon/icon-tabbar-03.png differ diff --git a/images/icon/icon-tabbar-04.png b/images/icon/icon-tabbar-04.png new file mode 100644 index 0000000..0bd8f83 Binary files /dev/null and b/images/icon/icon-tabbar-04.png differ diff --git a/user/business.html b/user/business.html new file mode 100644 index 0000000..223be95 --- /dev/null +++ b/user/business.html @@ -0,0 +1,55 @@ + + +
+ + +