diff --git a/css/common.css b/css/common.css
index 8cf25e4..ea07635 100644
--- a/css/common.css
+++ b/css/common.css
@@ -17,7 +17,7 @@ body {
padding: .94rem 0 .96rem;
font-size: 0.14rem;
line-height: 1.5;
- color: #262626;
+ color: #000000;
}
ul,ol,li {
@@ -25,10 +25,10 @@ ul,ol,li {
}
a {
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉点击时的蓝色外边框和灰色半透明背景*/
-webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
text-decoration: none;
- color: #262626;
+ color: #000000;
}
img {
@@ -44,15 +44,8 @@ button,input,select,textarea {
border: 0; /* 去掉边框 */
background: none; /* 去掉背景 */
-webkit-appearance: none; /*去掉webkit默认的表单样式*/
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
-}
-
-input::-webkit-input-placeholder {
- color: #ccc; /*修改webkit中input的planceholder样式*/
-}
-
-input:focus::-webkit-input-placeholder {
- color: #f00; /*修改webkit中focus状态下input的planceholder样式*/
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉点击时的蓝色外边框和灰色半透明背景*/
+ outline: none; /* 去掉获取焦点时边框 */
}
/* flex布局 */
diff --git a/css/style.css b/css/style.css
index 4d894d3..d1f96c5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,4 @@
+/* 头部 */
.header {
align-items: center;
width: 7.5rem;
@@ -26,8 +27,55 @@
width: calc(100% - 1.2rem);
line-height: 1.2;
text-align: center;
- letter-spacing: .04rem;
- text-indent: .04rem;
+}
+
+/* 尾部 */
+.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;
}
/* 轮播图 */
@@ -150,51 +198,148 @@
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%);
+/* 商户展示 */
+.search{
+ justify-content: space-between;
+ align-items: center;
+ width: calc(100% - .5rem);
+ height: .86rem;
+ margin: .3rem auto 0;
+ padding: 0 .3rem 0 .4rem;
+ border: .02rem solid #868686;
}
-.foot{
+
+.search-input{
+ width: calc(100% - .6rem);
+ line-height: .8rem;
+}
+.search-input::-webkit-input-placeholder {
+ color: #868686;
+}
+.search img{
+ width: .4rem;
+ height: .4rem;
+}
+
+/* 商户列表 */
+.business-list{
+ padding: 0 .25rem .3rem;
+}
+.business-list .item{
+ justify-content: space-between;
+ border: .04rem solid #ffb285;
+ padding: .18rem;
+ margin-top: .3rem;
+}
+.business-list .item .img{
+ width: 1.9rem;
+ height: 1.9rem;
+ overflow: hidden;
+}
+.business-list .item .img img{
+ width: 100%;
+ min-height: 1.9rem;
+}
+
+.business-list .item .txt{
+ width: calc(100% - 2.15rem);
+}
+.business-list .item .txt>a{
+ display: block;
+ height: 1.4rem;
+}
+
+.business-list .item .txt p{
+ color: #868686;
+ margin-top: .1rem;
+}
+
+.navigation-btn{
+ justify-content: center;
+ align-items: center;
+ width: 1.9rem;
+ height: .5rem;
+ background-color: #f35b00;
+ color: #ffffff;
+}
+
+
+/* 我的 */
+.my-info-bg{
+ align-items: center;
+ width: 100%;
+ height: 3.85rem;
+ background-image: url(../images/my-bg.jpg);
+ background-size: 100%;
+}
+.my-info{
+ width: 100%;
+ color: #ffffff;
+ text-align: center;
+}
+.my-info .cover{
+ justify-content: center;
+ align-items: center;
+ width: 1.9rem;
+ height: 1.9rem;
+ background-color: #ffffff;
+ margin: 0 auto;
+}
+.my-info .cover img{
+ max-width: 100%;
+}
+.my-info .nick-name{
+ margin: .12rem 0;
+}
+
+/* 内容 */
+.my-content{
+ padding: 0 .5rem .3rem;
+ margin-top: .12rem;
+}
+.my-content .item{
justify-content: space-between;
align-items: center;
width: 100%;
- height: .96rem;
+ height: .92rem;
+ border-bottom: .02rem solid #d6d6d6;
}
-
-.foot>.item{
- flex-wrap: wrap;
+.my-content .item>span{
justify-content: center;
- width: 25%;
+ width: .6rem;
}
-.foot>.item img{
- height: .34rem;
- margin-top: .06rem;
+.my-content .item>p{
+ width: calc(100% - .74rem);
}
-.foot>.item img:nth-of-type(2){
- display: none;
-}
-.foot>.item span{
- width: 100%;
- text-align: center;
- margin-top: .06rem;
+.my-content .item>img{
+ width: .14rem;
}
-.foot>.item.active img:nth-of-type(1){
- display: none;
+/* 绑定手机号 */
+.bind-content{
+ padding: 0 .4rem;
}
-.foot>.item.active img:nth-of-type(2){
- display: block;
+.bind-phone-title{
+ margin: .7rem 0;
+ text-align: center;
}
-.foot>.item.active span{
- color: #f35b00;
+.bind-content .sub-title{
+ color: #868686;
+}
+.phone-input{
+ width: 100%;
+ height: .76rem;
+ border-bottom: .02rem solid #d6d6d6;
+}
+.phone-input::-webkit-input-placeholder {
+ color: #000000;
+}
+.bind-btn{
+ justify-content: center;
+ align-items: center;
+ width: 5.6rem;
+ height: .96rem;
+ background-color: #f35b00;
+ color: #ffffff;
+ margin: .7rem auto 0;
}
\ No newline at end of file
diff --git a/images/icon/icon-arrow-right.png b/images/icon/icon-arrow-right.png
new file mode 100644
index 0000000..5eceec8
Binary files /dev/null and b/images/icon/icon-arrow-right.png differ
diff --git a/images/icon/icon-my-01.png b/images/icon/icon-my-01.png
new file mode 100644
index 0000000..29ce085
Binary files /dev/null and b/images/icon/icon-my-01.png differ
diff --git a/images/icon/icon-my-02.png b/images/icon/icon-my-02.png
new file mode 100644
index 0000000..ca31cdd
Binary files /dev/null and b/images/icon/icon-my-02.png differ
diff --git a/images/icon/icon-my-03.png b/images/icon/icon-my-03.png
new file mode 100644
index 0000000..22cc0d4
Binary files /dev/null and b/images/icon/icon-my-03.png differ
diff --git a/images/icon/icon-search.png b/images/icon/icon-search.png
new file mode 100644
index 0000000..9ec721e
Binary files /dev/null and b/images/icon/icon-search.png differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..102f4f0
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/my-bg.jpg b/images/my-bg.jpg
new file mode 100644
index 0000000..bac9d3d
Binary files /dev/null and b/images/my-bg.jpg differ
diff --git a/user/bind-phone.html b/user/bind-phone.html
new file mode 100644
index 0000000..4e29435
--- /dev/null
+++ b/user/bind-phone.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+ 手机号绑定
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/user/business.html b/user/business.html
index 223be95..653568f 100644
--- a/user/business.html
+++ b/user/business.html
@@ -1,55 +1,122 @@
-
-
-
-
-
- 抽奖
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+
+ 商家展示
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
周大福
+ 周大福
- 周大福
+ 周大福
- 周大福
+ 周大福
- 周大福
+ 周大福
- 周大福
+ 周大福
- 周大福
+ 周大福
diff --git a/user/my.html b/user/my.html
index e94a9bc..0806b2b 100644
--- a/user/my.html
+++ b/user/my.html
@@ -23,8 +23,39 @@
+
+
+
+
+
+
CREEP
+
绑定手机：13438123836
+
+
- 
- 
- 
- 
- 
- 
- 
- 
+ 
+ 
+ 
+