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 @@ + + + + + + 抽奖 + + + + + + + + + + + + + + +
+
+ +
+
商家展示
+
+ + + + + + \ No newline at end of file diff --git a/user/detail.html b/user/detail.html new file mode 100644 index 0000000..05f6145 --- /dev/null +++ b/user/detail.html @@ -0,0 +1,55 @@ + + + + + + 抽奖 + + + + + + + + + + + + + + +
+
+ +
+
商家详情
+
+ + + + + + \ No newline at end of file diff --git a/index.html b/user/index.html similarity index 52% rename from index.html rename to user/index.html index e328b04..63713df 100644 --- a/index.html +++ b/user/index.html @@ -7,20 +7,20 @@ - - - + + + - - - - + + + +
-
- 返回 +
+
活动领券
@@ -29,13 +29,13 @@ @@ -57,11 +57,11 @@

活动时间:2022年8月31日-2022年9月1日

@@ -76,47 +76,69 @@
-