From 7e335320566303510eb8fe5c324bd806f7ca1642 Mon Sep 17 00:00:00 2001
From: Lee1203 <342694918@qq.com>
Date: Fri, 2 Sep 2022 16:10:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/common.css                   |  17 +--
 css/style.css                    | 219 +++++++++++++++++++++++++------
 images/icon/icon-arrow-right.png | Bin 0 -> 1126 bytes
 images/icon/icon-my-01.png       | Bin 0 -> 2096 bytes
 images/icon/icon-my-02.png       | Bin 0 -> 4551 bytes
 images/icon/icon-my-03.png       | Bin 0 -> 5772 bytes
 images/icon/icon-search.png      | Bin 0 -> 1911 bytes
 images/logo.png                  | Bin 0 -> 4873 bytes
 images/my-bg.jpg                 | Bin 0 -> 6098 bytes
 user/bind-phone.html             |  40 ++++++
 user/business.html               | 177 +++++++++++++++++--------
 user/index.html                  |  12 +-
 user/my.html                     |  33 ++++-
 user/not-used.html               |  60 +++++++++
 user/used.html                   |  54 ++++++++
 15 files changed, 501 insertions(+), 111 deletions(-)
 create mode 100644 images/icon/icon-arrow-right.png
 create mode 100644 images/icon/icon-my-01.png
 create mode 100644 images/icon/icon-my-02.png
 create mode 100644 images/icon/icon-my-03.png
 create mode 100644 images/icon/icon-search.png
 create mode 100644 images/logo.png
 create mode 100644 images/my-bg.jpg
 create mode 100644 user/bind-phone.html
 create mode 100644 user/not-used.html
 create mode 100644 user/used.html

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 0000000000000000000000000000000000000000..5eceec858be5acbd5c1fb846234a3f718bceeacb
GIT binary patch
literal 1126
zcmaJ=Nodqi7>>BMSnE=k3PMap>N3eBof(tZQ8SYnJH^yG9h^ZcHBDZpp(ZaTuTEO^
zqJpS+D;}&j4}u2;dr)vKicl{uh=L3D(BgKef+8xSFSS!WI0jzc!uNgu^1gShxoLAn
z`O<QNASzM~avINb@K`!)2L2zdG+XghjS@N30y|JabpRphupN*oQ_X`kQ1za@L!h1@
zrmi$HIh0ejh#E9$)yL4DX=64))Nk}`RqFzXYzKM6ic(`&Z&IY8N2zRB2`Y9RbQ%r4
z4ru9Z%4oe^nxIn~H<0z7hy_f5RMIo|Sgz<rsc~Hqul-|&BF7=9D@y%NDyKA)ap(Xt
zOh*D58w!)_1e%T1g#=+O$pu-S3GxhE7hoe|C@69qIq^|Anxl7!X*oF&3-6*-CqlN!
zFoi;aF4WP`$uq1V2uzS;I4*z@0k_9Osu!@_nxcXXT+K0TWI&7b71egwjiMCJ^mhrS
zJt=Fs6K%o`V?5PnSUTvJR0Jx@|DmQiiFQ#M{K@y9!fvL=222{bu-nn_#dXy9p=>ek
z02M(e1L2-x7n?gFf^H|Y$#~rFnn2cO4NHdwchxvYQN)zxBGuABN{&)kg*FUbjPY!k
zPbOqe;yIR0$b3YKNnwHKV_ZBW@u4DDhFZ4?EL7y`f4GT~T;C3+jU&szG4=sH=|Gbl
zFIzN9=MpQaH^J3Q=Mpc;WpFZ#f4P5McJT;1$X`xc7jGub4=n6>2V495R#m{y;z>%D
zGTyT@k6)Hgk(S*3XzV(CM49ibObzAxTFbtSo?bC@`Q!rmlA}lav&#O^{VhM9pKUX*
zj;&`uudn$OTbwvE_uzwh3zy`Q`6{w<w7ONw4$kb;?1e9<jWwSd45P)@r0N+@!`EW;
z;r=(vy<?ANTW8M=PjBR|oH#J(_U*RYZr4@iKWs{JcUl%zKHT}?&bAk2BX5Hj-wj-R
zHt>~S*8l3^@!6a1O$$>suP?=KL=xY2n99?}wvp>^srT8V`QGka+xDODKOQ+gGV46M
bnjKzqi#TUB)>iO(ga7hVi6;3%Z1<sGD+_nC

literal 0
HcmV?d00001

diff --git a/images/icon/icon-my-01.png b/images/icon/icon-my-01.png
new file mode 100644
index 0000000000000000000000000000000000000000..29ce08526293618915585e53ffcc18267d145a1b
GIT binary patch
literal 2096
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
H;=KO=#&l10

literal 0
HcmV?d00001

diff --git a/images/icon/icon-my-02.png b/images/icon/icon-my-02.png
new file mode 100644
index 0000000000000000000000000000000000000000..ca31cddc9fe7923e77b7ca5ccb283fad5c424404
GIT binary patch
literal 4551
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

literal 0
HcmV?d00001

diff --git a/images/icon/icon-my-03.png b/images/icon/icon-my-03.png
new file mode 100644
index 0000000000000000000000000000000000000000..22cc0d4a70249b72ac26dc8d8a0db6bfc65a8150
GIT binary patch
literal 5772
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
RZ~wj@*3~qG)oIv={|_jCT7Lil

literal 0
HcmV?d00001

diff --git a/images/icon/icon-search.png b/images/icon/icon-search.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ec721e1588f4b7488aea0d7a7f48eb0ccb84ed9
GIT binary patch
literal 1911
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

literal 0
HcmV?d00001

diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..102f4f01ffc651b50dc3a0f70c6762e3d556d9c2
GIT binary patch
literal 4873
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

literal 0
HcmV?d00001

diff --git a/images/my-bg.jpg b/images/my-bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..bac9d3dfe787a73c90541a543f7c702c031b35ae
GIT binary patch
literal 6098
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

literal 0
HcmV?d00001

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 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+		<title>手机号绑定</title>
+		<meta name="keywords" content="" />
+		<meta name="description" content="" />
+		<!-- css加载 -->
+		<link rel="stylesheet" href="../css/common.css">
+		<link rel="stylesheet" href="../css/style.css">
+		<link rel="stylesheet" href="../css/swiper-bundle.min.css">
+		<!-- js加载 -->
+		<script src="../js/jquery-3.6.1.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/script.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<!-- 头部 -->
+		<div class="header flex">
+			<div class="header-back flex">
+				<!-- <img src="../images/icon/icon-back.png" alt="返回" onclick="window.history.go(-1)"> -->
+			</div>
+			<div class="header-title font38">手机号绑定</div>
+		</div>
+		<!-- 内容 -->
+		<div class="bind-content border-box">
+			<!-- 标题 -->
+			<div class="bind-phone-title font36">手机号绑定</div>
+			<!-- 手机号 -->
+			<div class="phone">
+				<div class="sub-title font30">手机号</div>
+				<input class="phone-input font30" type="number" placeholder="请输入手机号">
+			</div>
+			<!-- 提交 -->
+			<div class="bind-btn radius25 font36 flex">立即绑定</div>
+		</div>
+	</body>
+</html>
\ 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 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-		<title>抽奖</title>
-		<meta name="keywords" content="" />
-		<meta name="description" content="" />
-		<!-- css加载 -->
-		<link rel="stylesheet" href="../css/common.css">
-		<link rel="stylesheet" href="../css/style.css">
-		<link rel="stylesheet" href="../css/swiper-bundle.min.css">
-		<!-- js加载 -->
-		<script src="../js/jquery-3.6.1.min.js" type="text/javascript" charset="utf-8"></script>
-		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
-		<script src="../js/script.js" type="text/javascript" charset="utf-8"></script>
-		<script src="../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
-	</head>
-	<body>
-		<!-- 头部 -->
-		<div class="header flex">
-			<div class="header-back flex">
-				<!-- <img src="../images/icon/icon-back.png" alt="返回" onclick="window.history.go(-1)"> -->
-			</div>
-			<div class="header-title font38">商家展示</div>
-		</div>
-		
-		
-		<!-- 尾部 -->
-		<div class="footer border-box">
-			<div class="foot flex">
-				<a href="index.html" class="item flex">
-					<img src="../images/icon/icon-tabbar-01.png" alt="首页">
-					<img src="../images/icon/icon-active-01.png" alt="首页">
-					<span>首页</span>
-				</a>
-				<a href="luck-draw.html" class="item flex">
-					<img src="../images/icon/icon-tabbar-02.png" alt="抽奖">
-					<img src="../images/icon/icon-active-02.png" alt="抽奖">
-					<span>抽奖</span>
-				</a>
-				<a href="business.html" class="item flex active">
-					<img src="../images/icon/icon-tabbar-03.png" alt="商家">
-					<img src="../images/icon/icon-active-03.png" alt="商家">
-					<span>商家</span>
-				</a>
-				<a href="my.html" class="item flex">
-					<img src="../images/icon/icon-tabbar-04.png" alt="我的">
-					<img src="../images/icon/icon-active-04.png" alt="我的">
-					<span>我的</span>
-				</a>
-			</div>
-		</div>
-	</body>
-</html>
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport"
+			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+		<title>商家展示</title>
+		<meta name="keywords" content="" />
+		<meta name="description" content="" />
+		<!-- css加载 -->
+		<link rel="stylesheet" href="../css/common.css">
+		<link rel="stylesheet" href="../css/style.css">
+		<link rel="stylesheet" href="../css/swiper-bundle.min.css">
+		<!-- js加载 -->
+		<script src="../js/jquery-3.6.1.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/script.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<!-- 头部 -->
+		<div class="header flex">
+			<div class="header-back flex">
+				<!-- <img src="../images/icon/icon-back.png" alt="返回" onclick="window.history.go(-1)"> -->
+			</div>
+			<div class="header-title font38">商家展示</div>
+		</div>
+		<!-- 商户搜索 -->
+		<div class="search radius25 border-box flex">
+			<input class="search-input font24" type="text" placeholder="商户搜索">
+			<img src="../images/icon/icon-search.png" alt="搜索">
+		</div>
+		<!-- 商户列表 -->
+		<div class="business-list">
+			<div class="item radius50 border-box flex">
+				<div class="img radius40">
+					<a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a>
+				</div>
+				<div class="txt">
+					<a href="detail.html">
+						<h2 class="font30 clips1">华阳周大福珠宝店</h2>
+						<p class="font24 clips2">四川省成都市天府新区华阳镇</p>
+					</a>
+					<div class="navigation-btn font24 radius25 flex">立即导航</div>
+				</div>
+			</div>
+			<div class="item radius50 border-box flex">
+				<div class="img radius40">
+					<a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a>
+				</div>
+				<div class="txt">
+					<a href="detail.html">
+						<h2 class="font30 clips1">华阳周大福珠宝店</h2>
+						<p class="font24 clips2">四川省成都市天府新区华阳镇和香一街 36号</p>
+					</a>
+					<div class="navigation-btn font24 radius25 flex">立即导航</div>
+				</div>
+			</div>
+			<div class="item radius50 border-box flex">
+				<div class="img radius40">
+					<a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a>
+				</div>
+				<div class="txt">
+					<a href="detail.html">
+						<h2 class="font30 clips1">华阳周大福珠宝店</h2>
+						<p class="font24 clips2">四川省成都市天府新区华阳镇</p>
+					</a>
+					<div class="navigation-btn font24 radius25 flex">立即导航</div>
+				</div>
+			</div>
+			<div class="item radius50 border-box flex">
+				<div class="img radius40">
+					<a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a>
+				</div>
+				<div class="txt">
+					<a href="detail.html">
+						<h2 class="font30 clips1">华阳周大福珠宝店</h2>
+						<p class="font24 clips2">四川省成都市天府新区华阳镇和香一街 36号</p>
+					</a>
+					<div class="navigation-btn font24 radius25 flex">立即导航</div>
+				</div>
+			</div>
+			<div class="item radius50 border-box flex">
+				<div class="img radius40">
+					<a href="detail.html"><img src="../images/recommend.jpg" alt="华阳周大福珠宝店"></a>
+				</div>
+				<div class="txt">
+					<a href="detail.html">
+						<h2 class="font30 clips1">华阳周大福珠宝店</h2>
+						<p class="font24 clips2">四川省成都市天府新区华阳镇</p>
+					</a>
+					<div class="navigation-btn font24 radius25 flex">立即导航</div>
+				</div>
+			</div>
+		</div>
+		<!-- 尾部 -->
+		<div class="footer border-box">
+			<div class="foot flex">
+				<a href="index.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-01.png" alt="首页">
+					<img src="../images/icon/icon-active-01.png" alt="首页">
+					<span>首页</span>
+				</a>
+				<a href="luck-draw.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-02.png" alt="抽奖">
+					<img src="../images/icon/icon-active-02.png" alt="抽奖">
+					<span>抽奖</span>
+				</a>
+				<a href="business.html" class="item flex active">
+					<img src="../images/icon/icon-tabbar-03.png" alt="商家">
+					<img src="../images/icon/icon-active-03.png" alt="商家">
+					<span>商家</span>
+				</a>
+				<a href="my.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-04.png" alt="我的">
+					<img src="../images/icon/icon-active-04.png" alt="我的">
+					<span>我的</span>
+				</a>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/user/index.html b/user/index.html
index 63713df..d6bc625 100644
--- a/user/index.html
+++ b/user/index.html
@@ -80,37 +80,37 @@
 						<div class="img radius25">
 							<img src="../images/recommend.jpg" alt="商家">
 						</div>
-						<div class="txt font24">周大福</div>
+						<div class="txt font24 clips1">周大福</div>
 					</a>
 					<a class="item" href="detail.html">
 						<div class="img radius25">
 							<img src="../images/recommend.jpg" alt="商家">
 						</div>
-						<div class="txt font24">周大福</div>
+						<div class="txt font24 clips1">周大福</div>
 					</a>
 					<a class="item" href="detail.html">
 						<div class="img radius25">
 							<img src="../images/recommend.jpg" alt="商家">
 						</div>
-						<div class="txt font24">周大福</div>
+						<div class="txt font24 clips1">周大福</div>
 					</a>
 					<a class="item" href="detail.html">
 						<div class="img radius25">
 							<img src="../images/recommend.jpg" alt="商家">
 						</div>
-						<div class="txt font24">周大福</div>
+						<div class="txt font24 clips1">周大福</div>
 					</a>
 					<a class="item" href="detail.html">
 						<div class="img radius25">
 							<img src="../images/recommend.jpg" alt="商家">
 						</div>
-						<div class="txt font24">周大福</div>
+						<div class="txt font24 clips1">周大福</div>
 					</a>
 					<a class="item" href="detail.html">
 						<div class="img radius25">
 							<img src="../images/recommend.jpg" alt="商家">
 						</div>
-						<div class="txt font24">周大福</div>
+						<div class="txt font24 clips1">周大福</div>
 					</a>
 				</div>
 			</div>
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 @@
 				<!-- <img src="../images/icon/icon-back.png" alt="返回" onclick="window.history.go(-1)"> -->
 			</div>
 			<div class="header-title font38">我的</div>
+		</div>
+		<!-- 个人中心简介 -->
+		<div class="my-info-bg flex">
+			<div class="my-info">
+				<div class="cover radius100 flex"><img src="../images/logo.png" alt="头像"></div>
+				<div class="nick-name font30">CREEP</div>
+				<div class="bind-phone font24">绑定手机：13438123836</div>
+			</div>
+		</div>
+		<!-- 个人中心内容 -->
+		<div class="my-content border-box">
+			<a href="bind-phone.html" class="item flex">
+				<span class="flex">
+					<img src="../images/icon/icon-my-01.png" alt="绑定手机" style="width: .25rem;height: .38rem;">
+				</span>
+				<p class="font24">手机号绑定</p>
+				<img src="../images/icon/icon-arrow-right.png" alt="更多">
+			</a>
+			<a href="not-used.html" class="item flex">
+				<span class="flex">
+					<img src="../images/icon/icon-my-02.png" alt="待使用卡券" style="width: .43rem;height: .43rem;">
+				</span>
+				<p class="font24">待使用卡券</p>
+				<img src="../images/icon/icon-arrow-right.png" alt="更多">
+			</a>
+			<a href="used.html" class="item flex">
+				<span class="flex">
+					<img src="../images/icon/icon-my-03.png" alt="已使用卡券" style="width: .52rem;height: .39rem;">
+				</span>
+				<p class="font24">已使用卡券</p>
+				<img src="../images/icon/icon-arrow-right.png" alt="更多">
+			</a>
 		</div>
-		
 		
 		<!-- 尾部 -->
 		<div class="footer border-box">
diff --git a/user/not-used.html b/user/not-used.html
new file mode 100644
index 0000000..5d4a99f
--- /dev/null
+++ b/user/not-used.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+		<title>待使用卡券</title>
+		<meta name="keywords" content="" />
+		<meta name="description" content="" />
+		<!-- css加载 -->
+		<link rel="stylesheet" href="../css/common.css">
+		<link rel="stylesheet" href="../css/style.css">
+		<link rel="stylesheet" href="../css/swiper-bundle.min.css">
+		<!-- js加载 -->
+		<script src="../js/jquery-3.6.1.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/script.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<!-- 头部 -->
+		<div class="header flex">
+			<div class="header-back flex">
+				<!-- <img src="../images/icon/icon-back.png" alt="返回" onclick="window.history.go(-1)"> -->
+			</div>
+			<div class="header-title font38">待使用卡券</div>
+		</div>
+		<!-- 待使用卡券 -->
+		<div class="card-list border-box">
+			<div class="item flex">
+				
+			</div>
+		</div>
+		
+		<!-- 尾部 -->
+		<div class="footer border-box">
+			<div class="foot flex">
+				<a href="index.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-01.png" alt="首页">
+					<img src="../images/icon/icon-active-01.png" alt="首页">
+					<span>首页</span>
+				</a>
+				<a href="luck-draw.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-02.png" alt="抽奖">
+					<img src="../images/icon/icon-active-02.png" alt="抽奖">
+					<span>抽奖</span>
+				</a>
+				<a href="business.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-03.png" alt="商家">
+					<img src="../images/icon/icon-active-03.png" alt="商家">
+					<span>商家</span>
+				</a>
+				<a href="my.html" class="item flex active">
+					<img src="../images/icon/icon-tabbar-04.png" alt="我的">
+					<img src="../images/icon/icon-active-04.png" alt="我的">
+					<span>我的</span>
+				</a>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file
diff --git a/user/used.html b/user/used.html
new file mode 100644
index 0000000..2c23121
--- /dev/null
+++ b/user/used.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+		<title>已使用卡券</title>
+		<meta name="keywords" content="" />
+		<meta name="description" content="" />
+		<!-- css加载 -->
+		<link rel="stylesheet" href="../css/common.css">
+		<link rel="stylesheet" href="../css/style.css">
+		<link rel="stylesheet" href="../css/swiper-bundle.min.css">
+		<!-- js加载 -->
+		<script src="../js/jquery-3.6.1.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/base.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/script.js" type="text/javascript" charset="utf-8"></script>
+		<script src="../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
+	</head>
+	<body>
+		<!-- 头部 -->
+		<div class="header flex">
+			<div class="header-back flex">
+				<!-- <img src="../images/icon/icon-back.png" alt="返回" onclick="window.history.go(-1)"> -->
+			</div>
+			<div class="header-title font38">已使用卡券</div>
+		</div>
+		
+		<!-- 尾部 -->
+		<div class="footer border-box">
+			<div class="foot flex">
+				<a href="index.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-01.png" alt="首页">
+					<img src="../images/icon/icon-active-01.png" alt="首页">
+					<span>首页</span>
+				</a>
+				<a href="luck-draw.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-02.png" alt="抽奖">
+					<img src="../images/icon/icon-active-02.png" alt="抽奖">
+					<span>抽奖</span>
+				</a>
+				<a href="business.html" class="item flex">
+					<img src="../images/icon/icon-tabbar-03.png" alt="商家">
+					<img src="../images/icon/icon-active-03.png" alt="商家">
+					<span>商家</span>
+				</a>
+				<a href="my.html" class="item flex active">
+					<img src="../images/icon/icon-tabbar-04.png" alt="我的">
+					<img src="../images/icon/icon-active-04.png" alt="我的">
+					<span>我的</span>
+				</a>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file