账户设置

components/cm-module/productDetails/secondPrice.vue

@@ -10,7 +10,6 @@
 					<text class="p-no">￥</text>
 					<text class="txt big" >价格详聊</text>
 				</template>
-				
 			</view>
 		</template>
 		<template v-else>

pages.json

@@ -593,6 +593,21 @@
 					"style": {
 						"navigationBarTitleText": "物流公司"
 					}
+				},{
+					"path": "pages/user/setting/password",
+					"style": {
+						"navigationBarTitleText": "修改密码"
+					}
+				},{
+					"path": "pages/user/setting/phone",
+					"style": {
+						"navigationBarTitleText": "更换手机号"
+					}
+				},{
+					"path": "pages/user/setting/setting",
+					"style": {
+						"navigationBarTitleText": "账户设置"
+					}
 				}
 			]	
 		}	

second/pages/form/form.vue

@@ -3,12 +3,12 @@
 	     <view class="bannerimg"><image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/banner3.png"></image></view>
 	      <view class="my-maintenance" >
 	            <view class="newsTitle">
-					<p>欢迎您来到采美365网二手商品市场，您可以在这里发布二手
-					设备/产品信息，每个商品需要收取您100元的展示费，展示期为6个月； 为了完整展示您的商品，请您认真填写以下内容，谢谢合作</p>
+					<view>欢迎您来到采美365网二手商品市场，您可以在这里发布二手
+					设备/产品信息，每个商品需要收取您100元的展示费，展示期为6个月； 为了完整展示您的商品，请您认真填写以下内容，谢谢合作</view>
 	             </view>
 				 <form>
 					 <view class="row fenlei"> 
-						 <label class="label"><span class="red">*</span>分类</label>
+						 <view class="label"><label class="red">*</label>分类</view>
 						 <view class="secondradio">
 							  <view v-for="(item,index) in fenlei" :key="index" v-model="secondParams.secondHandType"  @click="secondHandRidio(item)"
 								  :class="currentId==item.value?'active':''">
@@ -27,9 +27,9 @@
 						  </view>
 					 </view>
 					 <view class="row">
-						<label class="label"><span class="red">*</span>商品品牌</label>
+						<view class="label"><label class="red">*</label>商品品牌</view>
 						 <view class="select spacing" @click="showBrand">
-							 <span class="placeholder" >{{brandname}}</span>
+							 <view class="placeholder" >{{brandname}}</view>
 							<!-- <ul v-show="selectBrand">
 								 <li  v-for="(item,index) in BrandList" :key="index" :value='item.id' @click="ChangeBrand(item)">{{item.name}}</li>
 							 </ul> -->
@@ -37,78 +37,80 @@
 						 </view>
 					 </view>
 					 <view class="row">
-						 <label class="label"><span class="red">*</span>商品名称</label>
+						 <view class="label"><label class="red">*</label>商品名称</view>
 						 <view class="spacing">
 							 <input type="text" maxlength="40"  v-model="secondParams.name" placeholder="请输入商品名称，不超过40个汉字">
 						 </view>
 					 </view>
 					 <view class="row">
-						 <label class="label">出厂日期</label>
+						 <view class="label">出厂日期</view>
 						 <view class="spacing">
 							<input type="text" v-model="secondParams.fixedYears"  maxlength="10" placeholder="请输入出厂日期 如：2020年06月">
 						 </view>
 					 </view>
 					 <view class="row"  v-show="secondParams.secondHandType==2">
-						 <label class="label"><span class="red">*</span>产品到期日</label>
+						 <view class="label"><label class="red">*</label>产品到期日</view>
 						 <view class="spacing">
 							<input type="text"  v-model="secondParams.maturityYears" maxlength="10" placeholder="请输入产品到期日，如：2020年12月">
 						 </view>
 					 </view>
 					 <view class="row">
-						 <label class="label">公司名称</label>
+						 <view class="label">公司名称</view>
 						 <view class="spacing">
 							 <input type="text"  v-model="secondParams.companyName"  maxlength="30" placeholder="请输入公司名称，不超过30个汉字">
 						 </view>
 					 </view>
 					 <view class="row">
-						 <label class="label"><span class="red">*</span>交易价</label>
+						 <view class="label"><label class="red">*</label>交易价</view>
 						 <view class="spacing">
 							 <input type="text" maxlength="20" v-model="secondParams.price1"  placeholder="请输入交易价">
 						 </view>
 					 </view>
 					 <view style="margin-top: 15rpx;">
-						 <span  @click="Detailed($event)"  v-model="secondParams.detailTalkFlags" class="iconfont xiangliao"
-						 :class="vShow_detailTalkFlag?'icon-jiagexiangliao':'icon-juxingweigouxuan'" ><span class='pricecolor' >价格详聊</span></span>
-						 <span class="showflag" v-show="vShow_detailTalkFlag">(勾选代表同意不显示交易价)</span>
+						 <label  @click="Detailed($event)"  v-model="secondParams.detailTalkFlags" class="iconfont xiangliao"
+						 :class="vShow_detailTalkFlag?'icon-jiagexiangliao':'icon-juxingweigouxuan'" >
+						 <label class='pricecolor' >价格详聊</label>
+						 </label>
+						 <label class="showflag" v-show="vShow_detailTalkFlag">(勾选代表同意不显示交易价)</label>
 					 </view>
 					 <view class="row" v-show="secondParams.secondHandType==2">
-						 <label class="label"><span class="red">*</span>市场价</label>
+						 <view class="label"><label class="red">*</label>市场价</view>
 						 <view class="spacing">
 							  <input type="text"  v-model="secondParams.normalPrice" maxlength="30" oninput="value=value.replace(/[^\d]/g, '')"   placeholder="请输入市场价">
 						 </view>
 					 </view>
 					 <view class="row"  v-show="secondParams.secondHandType==2">
-						 <label class="label"><span class="red">*</span>采购价/原价</label>
+						 <view class="label"><label class="red">*</label>采购价/原价</view>
 						 <view class="spacing">
 							  <input type="text"  v-model="secondParams.originalPrice" maxlength="30" oninput="value=value.replace(/[^\d]/g, '')" placeholder="请输入采购价/原价"/>
 						 </view>
 					 </view>
 					 <view class="row" v-show="secondParams.secondHandType==2">
-						 <label class="label"><span class="red">*</span>数量</label>
+						 <view class="label"><label class="red">*</label>数量</view>
 						 <view class="spacing">
 							  <input type="text"   v-model="secondParams.stock" maxlength="30"  placeholder="请输入数量">
 						 </view>
 					 </view>
 					 <view class="row">
-						 <label class="label"><span class="red">*</span>商品成色</label>
+						 <view class="label"><label class="red">*</label>商品成色</view>
 						 <view class="spacing">
 						     <input type="text" maxlength="10"  v-model="secondParams.productQuality"  placeholder="请输入商品成色，如“9成新”">
 					    </view> 
 					 </view>
 					 <view class="row">
-						 <label class="label"><span class="red">*</span>联系人</label>
+						 <view class="label"><label class="red">*</label>联系人</view>
 						 <view class="spacing">
 							  <input type="text" maxlength="6" v-model="secondParams.contactName"   placeholder="请输入联系人姓名">
 					    </view> 
 					 </view>
 					 <view class="row">
-						 <label class="label"><span class="red">*</span>联系方式</label>
+						 <view class="label"><label class="red">*</label>联系方式</view>
 						 <view class="spacing">
 							 <input type="text"  v-model="secondParams.contactMobile"    maxlength="11" placeholder="请输入联系人手机号 / 固话">
 					    </view> 
 					 </view>
 					 <view class="row">
-						 <label class="label">商品类型</label>
+						 <view class="label">商品类型</view>
 						 <view class="secondradio">
 							 <view class="buy " v-for="(item ,index) in beauty" :key='index' value="item.value" @click="getProductType(item.value)" :class="secondType==item.value?' active':''">
 								 <label class="iconfont" :class="secondType==item.value?'icon-yixuanze':'icon-weixuanze'"></label>{{item.name}}
@@ -116,7 +118,7 @@
 						 </view>
 					 </view>
 					<view class="row" >
-						 <label class="label"><span class="red">*</span>联系地址</label>
+						 <view class="label"><label class="red">*</label>联系地址</view>
 						 <view class="spacing"  @click="showMulLinkageThreePicker">
 							 <text class="row-input" :class="addressData.address === '请选择所在地区' ? 'none' : ''">
 							 	{{addressData.address}}
@@ -128,7 +130,7 @@
 						placeholder="请填写详细地址，如街道/小区/门牌等" /></textarea>
 					<view class="release-main-container">
 						<view class="release-from">
-							<label class="label"><span class="red">*</span>商品图片</label>
+							<view class="label"><label class="red">*</label>商品图片</view>
 								<view class="release-input upload image uploadGoodsImages" >
 									<view class="upload-file" v-show="GoodsImagesList.length<5">
 										<i class="iconfont icon-shangchuantupian"></i>
@@ -147,14 +149,14 @@
 							</view>
 						</view>
 						<view class="productinfo">
-							 <label class="label unlogin-label" style="width: 100%;">商品详细信息</label>
+							 <view class="label unlogin-label" style="width: 100%;">商品详细信息</view>
 							 <div class="textarea-wrapper">
 								 <textarea maxlength="200" v-model="secondParams.productDetails"  cols="70" class="description" rows="6"  placeholder="请填写商品详细信息，对商品进行更详细的描述"></textarea>
 								 <span class="word-limit">{{secondParams.productDetails.length}}/200</span>
 							 </div>
 						</view>
 						<view class="productinfo">
-							 <label class="label unlogin-label" style="width: 100%;"><span class="red">*</span>免责声明</label>
+							 <view class="label unlogin-label" style="width: 100%;"><span class="red">*</span>免责声明</view>
 							 <textarea class="smText">
 								 鉴于本网站提供的二手版块信息包括但不限于公司名称，商品的简介、性能、描述与说明，相关图片、视频等均由卖家自行提供，
 								 由卖家对其提供的信息承担相应法律责任。买家应自行甄别商品信息并查验商品性状。本网站对二手版块中买卖双方的交易不提供任何形式的担保与保证，特此声明！
@@ -165,7 +167,7 @@
 							:class="checkbox?'icon-jiagexiangliao':'icon-juxingweigouxuan'" ><span style="margin-left: 10rpx;">已阅读</span></span>
 						</view>
 						<div class="BtnAll" >
-							<button type="button"  @click="submitBtn" class="btn-submit">发布</button>
+							<view   @click="submitBtn" class="btn-submit">发布</view>
 					</div>
 				 </form>
 				 <mpvue-city-picker :themeColor="themeColor"
@@ -181,8 +183,8 @@
 						<p>发布二手商品，采美需要收取您每个商品100元的展示费，展示期为6个月</br>
 							支付完成后，商品会在1-2个工作日内进行审核，审核通过后，商品会立即上线</p>
 						<view class="paybtn">
-							<span class="thegopay gozhofubao" @click.stop="quxiao">取消发布</span>
-							<span class="cancel closebtn" @click.stop="gopay">去支付</span>
+							<view class="thegopay gozhofubao" @click.stop="quxiao">取消发布</view>
+							<view class="cancel closebtn" @click.stop="gopay">去支付</view>
 						</view>
 					</view>
 				</view>
@@ -454,7 +456,7 @@
 	}
 </script>
 
-<style>
+<style lang="scss">
 	*{
 	     border: 0;
 	     padding: 0;
@@ -589,19 +591,19 @@
 		.BtnAll{
 			width: 100%;
 			margin-bottom: 20rpx;
-		}
-		.BtnAll button{
-			width: 600rpx;
-			height: 90rpx;
-			margin: auto;
-			text-align: center;
-			line-height: 90rpx;
-			color: #fff;
-			background-image: linear-gradient(315deg, 
-					#f28f31 0%, 
-					#e15616 100%);
-			border-radius: 90rpx;
-			font-size: 30rpx;
+			.btn-submit{
+				width: 600rpx;
+				height: 90rpx;
+				margin: auto;
+				text-align: center;
+				line-height: 90rpx;
+				color: #fff;
+				background-image: linear-gradient(315deg, 
+						#f28f31 0%, 
+						#e15616 100%);
+				border-radius: 90rpx;
+				font-size: 30rpx;
+			}
 		}
 		.row.Read{
 			border: 0;
@@ -646,7 +648,7 @@
 			color: #666666;
 			font-size: 30rpx;
 		}
-		.paybtn span{
+		.paybtn view{
 			width: 290rpx;
 			height: 90rpx;
 			text-align: center;
@@ -670,5 +672,6 @@
 			font-size: 35rpx;
 			width: 50rpx;
 		}
+		.form-upload-tips:hover .wen-tips {display: block;}
 			
 </style>

second/pages/form/introduce.vue

@@ -4,15 +4,15 @@
 	            <view class="top_title">
 	                <view ><image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/%E9%87%87%E7%BE%8Elogo.png" mode=""></image></view>
 	                <view class="right-title">
-	                    <text>二手市场</text>
-	                    <text>SECOND-HANDMARKET</text>
+	                    <text class="right-one">二手市场</text>
+	                    <text class="right-two">SECOND-HANDMARKET</text>
 	                </view>
 	            </view>
 	            <view class="top_text">
 	                质量好一点，效率高一点
 	            </view>
 	            <view class="mian_text">
-	                <h1>采美二手市场介绍<view class="yellow_icon"></view></h1>
+	                <view class="main-title">采美二手市场介绍<view class="yellow_icon"></view></view>
 	                <span>
 	                    现实生活中，二手商品越来越经济实惠，二手商品也在多个经济生活领域出现。
 	                    面对潜力巨大的二手市场，采美365网于2019年开办美容行业二手交易版块，搭建二手交易平台，
@@ -20,74 +20,74 @@
 	                </span>
 	            </view>
 	            <view class="mian_content top">
-	                <text>二手平台运营特色</text><view class="yellow_icon"></view>
+	                <text class="big-title">二手平台运营特色</text><view class="yellow_icon"></view>
 	                <view class="font_content">
 	                    <view class="content_list">
-	                        <p>1.自运营</p>
-	                        <span>用户自主上传二手商品信息，自主销售，平台提供商品展示位以及商品信息介绍页面，类似“闲鱼”。</span>
+	                        <view class="content-title">1.自运营</view>
+	                        <text class="content-text">用户自主上传二手商品信息，自主销售，平台提供商品展示位以及商品信息介绍页面，类似“闲鱼”。</text>
 	                    </view>
 	                    <view class="content_list">
-	                        <p>2.代运营</p>
-	                        <span>由平台协助销售二手商品，为用户提供贴心且必要的推广辅助，促成交易。</span>
+	                        <view class="content-title"> 2.代运营</view>
+	                        <text class="content-text">由平台协助销售二手商品，为用户提供贴心且必要的推广辅助，促成交易。</text>
 	                    </view>
 	                    <view class="content_list">
-	                        <p>3.第三方服务</p>
-	                        <span>平台提供第三方服务，如申请第三方评测、延保、维修等，一方面更客观全面展示仪器细节，另一方面，便于仪器机能维护，方便维修等。</span>
+	                        <view class="content-title">3.第三方服务</view>
+	                        <text class="content-text">平台提供第三方服务，如申请第三方评测、延保、维修等，一方面更客观全面展示仪器细节，另一方面，便于仪器机能维护，方便维修等。</text>
 	                    </view>
 	                    <view class="content_list">
-	                        <p>4.套餐服务</p>
-	                        <span>多项组合套餐式服务，满足卖家个性化推广需求。</span>
+	                        <view class="content-title">4.套餐服务</view>
+	                        <text class="content-text">多项组合套餐式服务，满足卖家个性化推广需求。</text>
 	                    </view>
 	                    <view class="tishiyu">转让方/出售方（以下统称为“卖家”）需上传个人真实信息，平台留存备案后，卖家通过平台专属页面上传需要出售的商品信息，（按后台系统要求填写）。</view>
 	            </view>
 	           </view>
 	
 	            <view class="mian_content">
-	                <text>合作模式</text><view class="yellow_icon y m" ></view>
+	                <text class="big-title">合作模式</text><view class="yellow_icon y m" ></view>
 	            <view class="font_content">
-	                <p class="twobuy">成为自由卖家：二手出售方</p>
+	                <view class="twobuy">成为自由卖家：二手出售方</view>
 	                  <view class="content_list">
-	                    <p>1.自主发布</p>
-	                    <span>平台已拥有独立上传信息页面，卖家可进入页面或者通过链接自主上传商品信息，获得在平台二手版块展示机会。平台收取展示位费用，详见第2条</span>
+	                    <view class="content-title">1.自主发布</view>
+	                    <text class="content-text">平台已拥有独立上传信息页面，卖家可进入页面或者通过链接自主上传商品信息，获得在平台二手版块展示机会。平台收取展示位费用，详见第2条</text>
 	                  </view>
 	                  <view class="content_list">
-	                    <p>2.自主发布</p>
-	                    <span> 卖家每上传一款商品，占据一个展示位,<span class="bluefont">平台收取每款商品100元的展示费用 ，有效期为<span style="font-size: 48px">6</span>个月</span>
-	                           平台提供与该商品匹配的详情信息以及文章信息，降低买家决策成本，以促进销售。特殊政策除外（如特定免费时段）。</span>
+	                    <view class="content_list">2.自主发布</view>
+	                    <text class="content-text"> 卖家每上传一款商品，占据一个展示位,<text class="bluefont">平台收取每款商品100元的展示费用 ，有效期为<text style="font-size: 48px">6</text>个月</text>
+	                           平台提供与该商品匹配的详情信息以及文章信息，降低买家决策成本，以促进销售。特殊政策除外（如特定免费时段）。</text>
 	                  </view>
 	                   <view class="content_list">
-	                    <p>3.平台推广服务(代运营)</p>
-	                    <span> 卖家如需采美平台提供个性化推广服务，以帮助达成交易 ，平台收取一定服务费或佣金。</span>
+	                    <view class="content-title">3.平台推广服务(代运营)</view>
+	                    <text class="content-text"> 卖家如需采美平台提供个性化推广服务，以帮助达成交易 ，平台收取一定服务费或佣金。</text>
 	                  </view>
 	                  <view class="content_list">
-	                    <p>4.第三方检测、维修、延保服务</p>
-	                    <span> 平台收取服务佣金。 </span>
+	                    <view class="content-title">4.第三方检测、维修、延保服务</view>
+	                    <text class="content-text"> 平台收取服务佣金。 </text>
 	                  </view>
 	                  <view class="content_list">
-	                      <p>5.套餐服务</p>
-	                      <span>多项组合服务。</span>
+	                      <view class="content-title">5.套餐服务</view>
+	                      <text class="content-text">多项组合服务。</text>
 	                  </view>
 	            </view>
 	            </view >
 	
 	            <view class="mian_content">
-	                <text>交易流程</text><view class="yellow_icon y m" ></view>
+	                <text class="big-title">交易流程</text><view class="yellow_icon y m" ></view>
 	                <view class="font_content">
 	                 <view class="content_list">
-	                    <span>随着越来越多机构青睐性价比高的二手设备，采美二手市场也越来越火热，为了保障买卖双方利益和资金交易安全，
-	                    采美现将二手仪器交易的流程更加规范化，以促进二手市场的健康发展。</span>
+	                    <view class="content-text">随着越来越多机构青睐性价比高的二手设备，采美二手市场也越来越火热，为了保障买卖双方利益和资金交易安全，
+	                    采美现将二手仪器交易的流程更加规范化，以促进二手市场的健康发展。</view>
 	                 </view>
-	                    <p class="threebuy">此流程适用于10万以下的设备，10万以上二手设备交易请联系高先生。</p>
-	                    <span class="jioayi">具体的流程如下：</span>
+	                    <view class="threebuy">此流程适用于10万以下的设备，10万以上二手设备交易请联系高先生。</view>
+	                    <view class="jioayi">具体的流程如下：</view>
 					    <image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/jiaoyi.png" mode="" class="jiaoyi_pimg"></image>
 						<image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/jiaoyi3x.png" mode="" class="jiaoyi_img"></image>
 	                </view>
 	            </view>
 	            <view class="second-hand-btn" >
-	                <button @click.stop="gotoform">去发布</button>
-	                <button @click.stop="gotolist">逛二手市场</button>
-	                <button @click.stop="gotorepair">去维修</button>
-	                <button @click.stop="gotohome">去首页</button>
+	                <view class="button" @click.stop="gotoform">去发布</view>
+	                <view class="button" @click.stop="gotolist">逛二手市场</view>
+	                <view class="button" @click.stop="gotorepair">去维修</view>
+	                <view class="button" @click.stop="gotohome">去首页</view>
 	            <view class="foot_font">
 	                <span style="color: #ADADAD"> 业务咨询/合作请联系：</span><span style="color: #666666;margin-right: 10rpx"> 0755-22907771  </span><span style="color: #ADADAD;">手机：</span><span style="color: #666666">15817465281</span>
 	            </view>
@@ -130,35 +130,36 @@ page{
 	background-image: linear-gradient(#FF7676, #E15616);
 }
 .second-hand-wrapper {
+	background-image: url("https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/bg22.png");
+	background-position: 50% 9%;
+	background-repeat: no-repeat;
+	background-size: 100%;
 	image{
 		width: 100%;
 		display: block;
 		margin: 20rpx auto 0;
 	}
+	.big-title{
+		color: #FFFFFF;
+		letter-spacing: 4rpx;
+	}
 }
-.second-hand-btn button {
-	width: 280rpx;
-	height: 90rpx;
-	background: linear-gradient(225deg,rgba(255,107,107,1) 0%,rgba(247,76,0,1) 100%);
-	border-radius: 30rpx;
-	color: #fff;
-	border: none;
-	font-size: 27rpx;
-	outline: none;
-	margin-bottom:20rpx;
-	margin-right: 20rpx;
-	line-height: 90rpx;
-	display: inline-block
-}
-.second-hand-wrapper{
-	background-image: url("https://admin-b.caimei365.com/userfiles/1/images/photo/2020/11/bg22.png");
-	background-position: 50% 9%;
-	background-repeat: no-repeat;
-	background-size: 100%;
-}
-.second-hand-wrapper text{
-	color: #FFFFFF;
-	letter-spacing: 4rpx;
+.second-hand-btn {
+	.button{
+		width: 280rpx;
+		height: 90rpx;
+		background: linear-gradient(225deg,rgba(255,107,107,1) 0%,rgba(247,76,0,1) 100%);
+		border-radius: 30rpx;
+		color: #fff;
+		border: none;
+		font-size: 27rpx;
+		outline: none;
+		margin-bottom:20rpx;
+		margin-right: 20rpx;
+		line-height: 90rpx;
+		display: inline-block
+	}
+	
 }
 .second-hand-btn {
 	position: relative;
@@ -174,21 +175,21 @@ page{
 .top_title{
 	padding: 40rpx 0 40rpx 0;
 	text-align: center;
-}
-.top_title {
-	text{
-		letter-spacing: 12rpx;
-		font-size: 40rpx;
-		font-weight: bold
+	.right-one{
+			letter-spacing: 12rpx;
+			font-size: 40rpx;
+			font-weight: bold;
+			color: #FFFFFF;
+			letter-spacing: 4rpx;
+	}
+	.right-two{
+		color: #FFFFFF;
+		font-size: 20rpx;
+	}
+	image{
+		width: 104rpx;
+		height: 90rpx
 	}
-}
-.top_title image{
-	width: 104rpx;
-	height: 90rpx
-}
-.top_title span{
-	color: #FFFFFF;
-	font-size: smaller;
 }
 .top_text{
 	font-size: 60rpx;
@@ -204,24 +205,22 @@ page{
 	font-size: 22rpx;
 	padding: 0 30rpx 0 30rpx;
 	line-height: 40rpx;
-	letter-spacing: 4rpx
-}
-.mian_text h1{
-	font-size:36rpx;
-	font-weight: bold;
-	padding-bottom: 37.5rpx;
-}
-.mian_content.top{
-	margin-top: 500rpx;
-}
-.mian_content {
-	text{
-		font-size: 36rpx;
+	letter-spacing: 4rpx;
+	.main-title{
+		font-size:36rpx;
 		font-weight: bold;
+		padding-bottom: 37.5rpx;
 	}
 }
 .mian_content{
 	margin-top: 80rpx;
+	.big-title{
+		font-size: 36rpx;
+		font-weight: bold;
+	}
+	&.top{
+		margin-top: 500rpx;
+	}
 }
 .font_content{
 	background: #FFFFFF;
@@ -236,15 +235,15 @@ page{
 	border-bottom:9.75rpx solid #f1ac90;
 	border-right: 9.75rpx solid #f1ac90;
 }
-.content_list p{
-	font-size:30rpx;
-	font-family:Source Han Sans CN;
-}
-.content_list span{
-	font-size: 22rpx;
-}
 .content_list{
 	margin-bottom: 37.5rpx;
+	.content-title{
+		font-size:30rpx;
+		font-family:Source Han Sans CN;
+	}
+	.content-text{
+		font-size: 22rpx;
+	}
 }
 .tishiyu{
 	background: #FFF8F8;
@@ -260,7 +259,7 @@ page{
 .twobuy{
 	background: #EF5C3C;
 	border-radius: 15rpx;
-	font-size: 3.7rpx;
+	font-size: 26rpx;
 	font-family: AlibabaPuHuiTiB;
 	opacity: 1;
 	padding: 6rpx;
@@ -309,6 +308,6 @@ page{
 	margin-right: 20rpx;
 }
 .right-title{
-	width: 315rpx;
+	width: 250rpx;
 }
 </style>

second/pages/product/product-list.vue

@@ -260,7 +260,8 @@
 			
 	}
 </script>
-<style>
+<style lang="scss">
+	
 	.warp-container{
 		width: 100%;
 		height: 100%;
@@ -270,6 +271,7 @@
 		height: 70rpx;
 		flex: 1;
 		margin: 32rpx auto;
+		
 	}
 	.search-from{
 		width: 702rpx;
@@ -477,9 +479,7 @@
 		color: #e15616;
 	}
 	.fabu .release{
-		background-image: linear-gradient(315deg, 
-		#f28f31 0%, 
-		#e15616 100%);
+		background: $btn-confirm;
 		color: #ffffff;
 		width: 402rpx;
 	}

supplier/pages/user/setting/password.vue

@@ -0,0 +1,485 @@
+<template>
+	<view class="container login">
+		<view class="login-main">
+			<!-- <view class="line"></view> -->
+			<view class="nav-item"
+				  :class="{ current: tabCurrentIndex === 1 }" 
+				  @click="tabClick(1)">
+				  使用手机修改
+			</view>					
+			<view class="nav-item" 
+				  :class="{ current: tabCurrentIndex === 2 }" 
+				  @click="tabClick(2)">
+				  使用邮箱修改
+			</view>
+		</view>
+		<!-- 手机修改 -->
+		<view class="content" v-if="tabCurrentIndex === 1">
+			<view class="login-form clearfix">
+				<view class="login-input">
+					<input type="number" v-model="mobile"  maxlength="11" class="input"  placeholder="请输入手机号"/>
+				</view>
+			</view>
+			<view class="login-form clearfix">
+				<view class="login-input code">
+					<input type="text" v-model="imageCode"  maxlength="4" class="input" placeholder="请输入右侧图形验证码" />
+				</view>
+				<view class="login-input img-btn">
+					<view class="vscodeimg">
+						<image :src="imageCodeUrl" mode=""></image>
+					</view>
+					<view class="vscod-refresh" @click.stop="getVerificationCode">
+						<text class="iconfont icon-shuaxin"></text>
+						<text class="ref-text">刷新</text>
+					</view>
+				</view>
+			</view>
+			<view class="login-form clearfix">
+				<view class="login-input code">
+					<input type="number" v-model="mobileCode"  maxlength="6" class="input" placeholder="请输入短信验证码"/>
+				</view>
+				<view class="login-input btn" :class="[isMobileDisabled  ? 'disabled' : '']" >
+					<button type="button"
+							@click.stop="getMobileCodeFn"
+							:disabled="isMobileDisabled" 
+							class="input" >
+							{{ mobileCodeText }}
+					</button>
+				</view>
+			</view>
+			<view class="login-form clearfix">
+				<view class="login-input pwd">
+					<input v-show="isShowEye" type="text" v-model="password"  maxlength="16" class="input" placeholder="请输入新密码，必须为8-16位字母数字的组合" autocomplete="new-password"/>
+					<input v-show="!isShowEye" type="password" v-model="password"  :password="true" maxlength="16" class="input" placeholder="请输入新密码，必须为8-16位字母数字的组合" autocomplete="new-password"/>
+					<view class="iconfont" :class="isShowEye ? iconEyen : iconEyes"  @click="passwordEye"></view>
+				</view>
+			</view>
+			<view class="login-form clearfix">
+				<view class="login-input pwd">
+					<input v-show="isShowEyes" type="text" v-model="passwordCheck"  maxlength="16" class="input" placeholder="请确认密码" autocomplete="new-password"/>
+					<input v-show="!isShowEyes" type="password" v-model="passwordCheck"  :password="true" maxlength="16" class="input" placeholder="请确认密码" autocomplete="new-password"/>
+					<view class="iconfont" :class="isShowEyes ? iconEyen : iconEyes"  @click="passwordEyes"></view>
+				</view>
+			</view>
+			<view class="login-form clearfix" style="border: 0;">
+				<view class="login-btn"  @click="confirmMobilePassword">修改密码</view>
+			</view>
+		</view>
+		<!-- 邮箱修改 -->
+		<view class="content" v-else>
+			<view class="login-form clearfix">
+				<view class="login-input">
+					<input class="input" type="text" v-model="email"  maxlength="30" placeholder="请输入邮箱地址"/>
+				</view>
+			</view>
+			<view class="login-form clearfix">
+				<view class="login-input code">
+					<input class="input" type="number" v-model="emailCode" maxlength="4"  placeholder="请输入邮箱验证码" />
+				</view>
+				<view class="login-input btn" :class="[isEmialDisabled ? 'disabled' : '']">
+					<button class="input"  
+							type="button"  
+							@click.stop="getEmailCodeFn"
+							:disabled="isEmialDisabled">
+							{{ emailCodeText }}
+					</button>
+				</view>
+			</view>
+			<view class="login-form clearfix">
+				<view class="login-input pwd">
+					<input v-show="isShowEye" type="text" v-model="password"  maxlength="16" class="input" placeholder="请输入新密码，必须为8-16位字母数字的组合" autocomplete="new-password"/>
+					<input v-show="!isShowEye" type="password" v-model="password"  :password="true" maxlength="16" class="input" placeholder="请输入新密码，必须为8-16位字母数字的组合" autocomplete="new-password"/>
+					<view class="iconfont" :class="isShowEye ? iconEyen : iconEyes"  @click="passwordEye"></view>
+				</view>
+			</view>
+			<view class="login-form clearfix">
+				<view class="login-input pwd">
+					<input v-show="isShowEyes" type="text" v-model="passwordCheck"  maxlength="16" class="input" placeholder="请确认密码" autocomplete="new-password"/>
+					<input v-show="!isShowEyes" type="password" v-model="passwordCheck"  :password="true" maxlength="16" class="input" placeholder="请确认密码" autocomplete="new-password"/>
+					<view class="iconfont" :class="isShowEyes ? iconEyen : iconEyes"  @click="passwordEyes"></view>
+				</view>
+			</view>
+			<view class="login-form clearfix" style="border: 0;">
+				<view class="login-btn"  @click="confirmEmailPassword">修改密码</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import authorize from '@/common/config/authorize.js' 
+	import { mobilePassword , emailPassword } from "@/api/use.js"
+	import { getEmailCode, getMobileCode } from "@/api/utils.js"
+	
+	export default{
+		data() {
+			return{
+				tabCurrentIndex: 1,
+				mobile:'',  		//用户手机号
+				email:'',			//邮箱地址
+				emailCode:'',		//油箱验证码
+				mobileCode:'',  	//手机验证码
+				password:'',		//新密码
+				passwordCheck:'',   //二次校验新密码
+				isShowEye:false,	//控显
+				isShowEyes:false,	//控显
+				iconEyes:'icon-yanjing_yincang_o',
+				iconEyen:'icon-yanjing_xianshi_o',
+				isEmialDisabled:false,//获取邮箱验证码按钮
+				isMobileDisabled:false,//获取手机短信按钮
+				imageCode:'',			//图形验证码
+				imageCodeUrl:'',		//图形验证码地址
+				imageCodetoken:'',		//图形校验token
+				count: '',				//倒计时
+				emailCodeText: '获取验证码',
+				mobileCodeText: '获取验证码',
+				codeTime: null,
+			}
+		},
+		onLoad(option) {
+			this.getVerificationCode()
+		},
+		methods:{
+			confirmMobilePassword(){//手机号修改
+				let params = {
+						mobileOrEmail : this.mobile,
+						activateCode : this.mobileCode,
+						passWord : this.password,
+						confirmPwd : this.passwordCheck,
+						status:1
+					}
+				mobilePassword(params).then(res =>{
+					this.$util.msg(res.msg,2000);
+					setTimeout(()=>{
+						uni.navigateBack({
+							delta: 1
+						});
+					},2000)
+				}).catch( error =>{
+					this.$util.msg(error.msg,2000);
+				})
+			},
+			confirmEmailPassword(){//邮箱修改密码
+				 let params = {
+						mobileOrEmail : this.email,
+						activateCode : this.emailCode,
+						passWord : this.password,
+						confirmPwd : this.passwordCheck,
+						status:2
+					}
+				emailPassword(params).then(res =>{
+					this.$util.msg(res.msg,2000);
+					setTimeout(()=>{
+						uni.navigateBack({
+							delta: 1
+						});
+					},2000)
+				}).catch( error =>{
+					this.$util.msg(error.msg,2000);
+				})
+			},
+			getVerificationCode(){//图形验证
+				this.PublicService.GetImgVerifyCode().then(res => {
+					this.imageCodeUrl = res.data.baseImage
+					this.imageCodetoken = res.data.token
+				})
+			},
+			getEmailCodeFn(){//获取邮箱验证码
+				if( this.email == ''){
+					this.$util.msg('请输入邮箱地址',2000);
+					return
+				}
+				if(!this.$reg.isEmail(this.email)){
+					this.$util.msg('请输入正确的邮箱地址',2000);
+					return
+				}
+				this.isEmialDisabled = true;
+				getEmailCode({email:this.email,status:3}).then(res =>{
+					this.$util.msg('邮箱验证码已发送',2000);
+					const TIME_COUNT = 60;
+			     	if (!this.codeTime) {
+			       		this.count = TIME_COUNT;
+			       		this.isEmialDisabled = true;
+			       		this.codeTime = setInterval(() => {
+			       			if (this.count > 1 && this.count <= TIME_COUNT) {
+			         			this.count--
+			         			this.emailCodeText = this.count +'s重新发送'
+			        		} else {
+				         		this.isEmialDisabled = false;
+				         		clearInterval(this.codeTime)
+				         		this.codeTime = null
+								this.emailCodeText = '获取验证码'
+			        		}
+			       		},1000)
+			      	}
+				}).catch( error =>{
+					this.$util.msg(error.msg,2000);
+					this.isEmialDisabled = false;
+				})
+			},
+			getMobileCodeFn(){//获取手机验证码
+				if( this.mobile == ''){
+					this.$util.msg('请输入手机号',2000);
+					return
+				}
+				if(!this.$reg.isMobile(this.mobile)){
+					this.$util.msg('请输入正确的手机号',2000);
+					return
+				}
+				if( this.imageCode == ''){
+					this.$util.msg('请输入图形验证码',2000);
+					return
+				}
+				let params = {
+						mobile:this.mobile,
+						activateCodeType:1,
+						platformType:2,
+						imgCode:this.imageCode,
+						token:this.imageCodetoken,
+					}
+				this.isMobileDisabled = true;
+				getMobileCode(params).then(res =>{
+					this.$util.msg('验证短信已发送',2000);
+					const TIME_COUNT = 60;
+			     	if (!this.codeTime) {
+			       		this.count = TIME_COUNT;
+			       		this.isMobileDisabled = true;
+			       		this.codeTime = setInterval(() => {
+			       			if (this.count > 1 && this.count <= TIME_COUNT) {
+			         			this.count--
+			         			this.mobileCodeText = this.count +'s重新发送'
+			        		} else {
+				         		this.isMobileDisabled = false;
+				         		clearInterval(this.codeTime)
+				         		this.codeTime = null
+								this.mobileCodeText = '获取验证码'
+			        		}
+			       		},1000)
+			      	}
+				}).catch( error =>{
+					this.$util.msg(error.msg,2000);
+					this.isMobileDisabled = false;
+				})
+			},
+			tabClick(index) {//tab切换
+				this.tabCurrentIndex = index;
+				this.password = ''
+				this.passwordCheck = ''
+				if(this.tabCurrentIndex == 1){
+					this.getVerificationCode()
+				}
+			},
+			passwordEye() {//密码显隐操作
+				this.isShowEye = !this.isShowEye;
+			},
+			passwordEyes() {//密码显隐操作
+				this.isShowEyes = !this.isShowEyes;
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.login{
+		width: 100%;
+		height: auto;
+		.login-main{
+			width: 100%;
+			display: flex;
+			height: 80rpx;
+			border-top: 1px solid #F7F7F7;
+			margin-bottom: 112rpx;
+			position: relative;
+			// .line{
+			// 	position: absolute;
+			// 	top: 0;
+			// 	left: 50%;
+			// 	margin-left: -80rpx;
+			// 	width: 0;
+			// 	height: 0;
+			// 	border-left: 80rpx solid transparent;
+			// 	border-right: 80rpx solid transparent;
+			// 	border-bottom: 160rpx solid #FFFFFF;
+			// }
+			.nav-item{
+				display: flex;
+				flex: 1;
+				flex-direction: column;
+				align-items: center;
+				line-height: 80rpx;
+				color: #666666;
+				font-size: $font-size-28;
+				background: #F7F7F7;
+				&.current{
+					color:$color-system;
+					background: #FFFFFF;
+					
+				}
+			}
+		}
+		.login-form{
+			width: 702rpx;
+			height: auto;
+			// padding: 0 24rpx;
+			margin: auto;
+			border-bottom: 2rpx solid #e1e1e1;
+			.login-input{
+				width: 654rpx;
+				height: 40rpx;
+				padding: 24rpx;
+				// margin-bottom: 20rpx;
+				// background: #F7F7F7;
+				border-radius: 14rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				position: relative;
+				&.pwd{
+					.iconfont{
+						position: absolute;
+						right: 0;
+						top: 0;
+						font-size: 44rpx;
+						color: #999999;
+						font-weight: bold;
+						z-index: 99;
+						width: 96rpx;
+						height: 96rpx;
+						line-height: 96rpx;
+						text-align: center;
+					}
+				}
+				&.code{
+					width: 310rpx;
+					float: left;
+					margin-right: 20rpx;
+				}
+				&.btn{
+					width: 220rpx;
+					height: 64rpx;
+					float: right;
+					background: $btn-confirm;
+					padding: 0;
+					border-radius: 44rpx;
+					margin-top: 10rpx;
+					.input{
+						width: 220rpx;
+						height: 64rpx;
+						line-height: 64rpx;
+						padding: 0;
+						color: #FFFFFF;
+						background: $btn-confirm;
+						text-align: center;
+						border-radius: 44rpx;
+						&.none{
+							background: #F7F7F7;
+						}
+					}
+					&.disabled{
+						background: #F7F7F7;
+						.input{
+							background: #F7F7F7;
+							color: #999999;
+						}
+					}
+				}
+				&.img-btn{
+					width: 290rpx;
+					height: 64rpx;
+					padding: 0;
+					float: right;
+					background: #FFFFFF;
+					display: block;
+					.vscodeimg{
+						width: 160rpx;
+						height: 64rpx;
+						float: left;
+						display: flex;
+						flex-direction: column;
+						align-items: center;
+						border-radius: 14rpx;
+						margin-top: 10rpx;
+						image{
+							width: 180rpx;
+							height: 88rpx;
+							border-radius: 14rpx;
+						}
+					}
+					.vscod-refresh{
+						width: 100rpx;
+						float: right;
+						// display: flex;
+						// flex-direction: column;
+						// align-items: center;
+						margin-top: 25rpx;
+						.icon-shuaxin{
+							font-size: 36rpx;
+							color: #999999;
+							float: left
+						}
+						.ref-text{
+							font-size: 24rpx;
+							color: #333333;
+							float: right;
+						}
+					}
+				}
+				.input{
+					width: 100%;
+					height: 100%;
+					// background: #F7F7F7;
+					font-size: $font-size-28;
+					line-height: 40rpx;
+					color: #333333;
+					border-radius: 14rpx;
+				}
+			}
+		}
+		.login-btn{
+			width: 600rpx;
+			height: 88rpx;
+			border-radius: 44rpx;
+			font-size: $font-size-28;
+			line-height: 88rpx;
+			color: #FFFFFF;
+			margin: 0 auto;
+			text-align: center;
+			background: $btn-confirm;
+			margin-top: 100rpx;
+		}
+		.model-authorization{
+			width: 100%;
+			height: 100%;
+			position: fixed;
+			top: 0;
+			left: 0;
+			z-index: 999;
+			.authorization{
+				width: 518rpx;
+				height: 320rpx;
+				position: absolute;
+				background: rgba(255,255,255,.7);
+				left: 0;
+				right: 0;
+				bottom: 0;
+				top: 0;
+				margin: auto;
+				.to-btn{
+					position: absolute;
+					top: 0;
+					left: 0;
+					right: 0;
+					bottom: 0;
+					margin: auto;
+					width: 70%;
+					height: 88rpx;
+					font-size: $font-size-28;
+					line-height: 88rpx;
+					color: #FFFFFF;
+					text-align: center;
+					border-radius: 44rpx;
+				}
+			}
+		}
+	}
+</style>

supplier/pages/user/setting/phone.vue

@@ -0,0 +1,310 @@
+<template>
+	<view class="container register">
+		<view class="register-main first clearfix">
+			<view class="register-row clearfix">
+				<view class="register-from">
+					<view class="label">原手机号</view>
+					<view class="row-input">{{bindMobile}}</view>
+				</view>
+			</view>
+			<view class="register-row clearfix">
+				<view class="register-from code">
+					<input class="row-input" type="number" v-model="mobileCode" placeholder="请输入原手机号的验证码" maxlength="6"/>
+				</view>
+				<view class="register-from btn" :class="[isMobileDisabled  ? 'disabled' : '']">
+					<button class="row-input"  type="button" @click.stop="getMobileCodeFn" :disabled="isMobileDisabled">{{ mobileCodeText }}</button>
+				</view>
+			</view>
+			<view class="register-row clearfix">
+				<view class="register-from">
+					<input class="row-input" type="number" v-model="contractMobile" placeholder="请输入新手机号" maxlength="11"/>
+				</view>
+			</view>
+			<view class="register-row clearfix">
+				<view class="register-from code">
+					<input class="row-input" type="number" v-model="newMobileCode" placeholder="请输入新手机号的验证码" maxlength="6"/>
+				</view>
+				<view class="register-from btn" :class="[isNewMobileDisabled  ? 'disabled' : '']" >
+					<button class="row-input"  type="button" @click.stop="getNewMobileCodeFn" :disabled="isNewMobileDisabled">{{ newMobileCodeText }}</button>
+				</view>
+			</view>
+			<view class="register-row clearfix" style="border: 0;">
+				<view class="register-btn"  @click="bindMobileCheck">确定</view>
+			</view>
+			<view class="register-text clearfix">
+				<view >注意：本操作更换的是供应商联系人的手机号，不是运营人员的手机号！</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { mapMutations } from 'vuex';
+	import { getClubMobileCode,getClubNewMobileCode } from "@/api/utils.js" 
+	import { changeMobile } from "@/api/use.js" 
+	var self;
+	export default{
+		data() {
+			return{
+				userID:'',					//用户ID
+			    count: '',					//倒计时
+			    newCount: '',				//倒计时
+			    codeTime: null,
+			    codeTimeNew: null,
+				bindMobile:'',				//联系人手机号
+				contractMobile:'',			//新联系人手机号
+				mobileCode:'',				//手机号验证码
+				newMobileCode:'',			//新手机号手机验证码
+				mobileCodeText: '获取验证码',
+				newMobileCodeText: '获取验证码',
+				isMobileDisabled: false,	//手机验证码按钮控制
+				isNewMobileDisabled: false,	//手机验证码按钮控制
+			}	
+		},
+		onLoad(option) {
+			this.bindMobile = option.phone
+		},
+		methods:{
+			bindMobileCheck(){
+				let params = {
+						contractMobile2:this.bindMobile,
+						contractMobile:this.contractMobile,
+						mobileCode:this.mobileCode,
+						newMobileCode:this.newMobileCode,
+						userID:this.userID
+				}
+				changeMobile(params).then(response =>{
+					this.$util.msg('修改成功',1500,true,'success')
+					setTimeout(()=>{
+						uni.navigateBack({delta: 1})
+					},2000)
+				}).catch( error =>{
+					this.$util.msg(error.msg,2000);
+				})
+			},
+			getMobileCodeFn(){
+				if( this.bindMobile == ''){
+					this.$util.msg('请输入手机号',2000);
+					return
+				}
+				if(!this.$reg.isMobile(this.bindMobile)){
+					this.$util.msg('请输入正确的手机号',2000);
+					return
+				}
+				let params = { mobile : this.bindMobile }
+				this.isMobileDisabled = true;
+				getClubMobileCode(params).then(response =>{
+					this.$util.msg('验证短信已发送',2000);
+					const TIME_COUNT = 60;
+			     	if (!this.codeTime) {
+			       		this.count = TIME_COUNT;
+			       		this.isMobileDisabled = true;
+			       		this.codeTime = setInterval(() => {
+			       			if (this.count > 1 && this.count <= TIME_COUNT) {
+			         			this.count--
+			         			this.mobileCodeText = this.count +'s重新发送'
+			        		} else {
+				         		this.isMobileDisabled = false;
+				         		clearInterval(this.codeTime)
+				         		this.codeTime = null
+								this.mobileCodeText = '获取验证码'
+			        		}
+			       		},1000)
+			      	}		
+				}).catch( error =>{
+					this.$util.msg(error.msg,2000);
+					this.isMobileDisabled = false;
+				})
+			},
+			getNewMobileCodeFn(){
+				if( this.contractMobile == ''){
+					this.$util.msg('请输入手机号',2000);
+					return
+				}
+				if(!this.$reg.isMobile(this.contractMobile)){
+					this.$util.msg('请输入正确的手机号',2000);
+					return
+				}
+				let params = { newMobile : this.contractMobile }
+				this.isNewMobileDisabled = true;
+				getClubNewMobileCode(params).then(response =>{
+					this.$util.msg('验证短信已发送',2000);
+					const TIME_COUNT = 60;
+			     	if (!this.codeTimeNew) {
+			       		this.newCount = TIME_COUNT;
+			       		this.isNewMobileDisabled = true;
+			       		this.codeTimeNew = setInterval(() => {
+			       			if (this.newCount > 1 && this.newCount <= TIME_COUNT) {
+			         			this.newCount--
+			         			this.newMobileCodeText = this.newCount +'s重新发送'
+			        		} else {
+				         		this.isNewMobileDisabled = false;
+				         		clearInterval(this.codeTimeNew)
+				         		this.codeTimeNew = null
+								this.newMobileCodeText = '获取验证码'
+			        		}
+			       		},1000)
+			      	}
+				}).catch( error =>{
+					this.$util.msg(error.msg,2000);
+					this.isNewMobileDisabled = false;
+				})
+			}
+		},
+		onShow() {
+			this.$api.getStorage().then((resolve) =>{
+				this.userID = resolve.userID
+			})
+		}
+	}
+</script>
+
+<style lang="scss">
+	.register{
+		width: 100%;
+		height: auto;
+		border-top: 1px solid #F7F7F7;
+		.model-warp.none{
+			display: none;			
+		}
+		.model-warp.show{
+			display: block;
+		}
+		.register-main{
+			width: 100%;
+			height: auto;
+			&.detailed{
+				padding-bottom: 300rpx;
+			}
+			&.first{
+				padding-top: 40rpx;
+			}
+			.register-tips{
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				line-height: 44rpx;
+				font-size: $font-size-24;
+				color: #FF0000;
+				margin-bottom: 40rpx;
+				.iconfont{
+					font-size: $font-size-24;
+				}
+			}
+			.register-row{
+				width: 702rpx;
+				height: auto;
+				margin: auto;
+				// margin-bottom: 20rpx;
+				border-bottom: 2rpx solid #e1e1e1;
+				.register-title{
+					line-height: 60rpx;
+					font-size: $font-size-32;
+					color: $text-color;
+					text-align: left;
+					padding-left: 20rpx;
+					.txt{
+						font-size: $font-size-26;
+						font-weight: normal;
+					}
+				}
+				.row-btn{
+					position: absolute;
+					right: 24rpx;
+					top: 0;
+					line-height: 88rpx;
+					text-align: center;
+					font-size: $font-size-28;
+					color: $color-system;
+				}
+				.register-from{
+					width: 702rpx;
+					height: 40rpx;
+					padding: 24rpx 0;
+					position: relative;
+					.label{
+						text-align: left;
+						font-size: $font-size-28;
+						color: #666666;
+						line-height: 40rpx;
+						float: left;
+					}
+					.row-input{
+						width: 440rpx;
+						padding-left:10rpx;
+						font-size: $font-size-28;
+						color: $color-system;
+						line-height: 40rpx;
+						float: left;
+						height: 40rpx;
+						&.none{
+							color: #999999;
+						}
+					}
+					&.code{
+						width: 410rpx;
+						float: left;
+						margin-right: 20rpx;
+						.row-input{
+							width: 390rpx;
+						}
+					}
+					&.btn{
+						width: 180rpx;
+						height:64rpx;
+						float: right;
+						padding: 0;
+						border: 2rpx solid #e15616;
+						border-radius: 45rpx;
+						.row-input{
+							width: 180rpx;
+							height: 64rpx;
+							line-height: 64rpx;
+							padding: 0;
+							color:#E15616;
+							text-align: center;
+							border-radius: 45rpx;
+							&.none{
+								background: #F7F7F7;
+							}
+						}
+						&.disabled{
+							background: #F7F7F7;
+							.row-input{
+								background: #F7F7F7;
+								color: #999999;
+							}
+						}
+					}
+					&.btn{
+						margin-top: 10rpx;
+					}
+				}
+				
+			}
+			.register-btn{
+				width: 600rpx;
+				height: 90rpx;
+				border-radius: 45rpx;
+				font-size: $font-size-28;
+				line-height: 88rpx;
+				color: #FFFFFF;
+				margin: 0 auto;
+				text-align: center;
+				background: $btn-confirm;
+				margin-top: 96rpx;
+				&.sub{
+					margin-top: 0;
+				}
+			}
+		}
+	}
+	.register-text{
+		width: 506rpx;
+		color: #fea785;
+		font-size: 22rpx;
+		line-height: 32rpx;
+		margin: 30rpx auto;
+		text-align: center
+	}
+</style>

supplier/pages/user/setting/setting.vue

@@ -0,0 +1,107 @@
+<template>
+	<view class="container clearfix">
+		<view class="foot-list">
+			<view class="list-cell-item">
+				<view class="list-cell" @click="navigator(`/supplier/pages/user/setting/phone?phone=${bindMobile}`)" hover-class="cell-hover" :hover-stay-time="50">
+					<text class="cell-tit">更换手机号</text>
+					<text class="cell-more">
+						<text class="txt">{{hidePhone(bindMobile)}}</text>
+						<text class="iconfont icon-xiayibu"></text>
+					</text>
+				</view>
+				<view class="list-cell" @click="navigator('/supplier/pages/user/setting/password')" hover-class="cell-hover" :hover-stay-time="50">
+					<text class="cell-tit">修改密码</text>
+					<text class="cell-more iconfont icon-xiayibu"></text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				bindMobile:''
+			}
+		},
+		onLoad(option) {
+			
+		},
+		methods:{
+			initSetting(){
+				this.$api.getStorage().then((resolve) =>{
+					this.UserService.PersonalInfo({userID:resolve.userID}).then(response =>{
+						this.bindMobile=response.data.user.bindMobile
+					}).catch(error =>{
+						this.$util.msg(error.msg,2000)
+					})
+				})
+			},
+			navigator(url){
+				this.$api.navigateTo(url)
+			},
+			hidePhone(val){
+				let phone = this.$reg.hidePhone(val) 
+				return phone
+			}
+		},
+		onShow() {
+			this.initSetting()
+		}
+	}
+</script>
+
+<style lang='scss'>
+	page {
+		height: auto;
+	}
+	.foot-list{
+		width: 100%;
+		margin-top: 30rpx;
+	}	
+	.list-cell-item{
+		width: 702rpx;
+		height: auto;
+		margin-bottom: 24rpx;
+		padding:0 24rpx;
+		background: $bg-color;
+	}
+	.list-cell{
+		display:flex;
+		width: 100%;
+		align-items:baseline;
+		line-height:100rpx;
+		position:relative;
+		background: $bg-color;
+		justify-content: center;
+		 border-bottom: 1px solid #EBEBEB;
+		&.cell-hover{
+			background:#fafafa;
+		}
+		.cell-more{
+			align-self: baseline;
+			font-size:$font-size-28;
+			color:$text-color;
+			margin-left:10rpx;
+			.txt{
+				color: #999999;
+				padding-right: 10rpx;
+			}
+		}
+		.cell-tit{
+			flex: 1;
+			font-size: $font-size-28;
+			color: $text-color;
+			margin-right:10rpx;
+		}
+		.cell-tip{
+			font-size: $font-size-28;
+			color: $text-color;
+		}
+	}	
+	.list-cell.last{
+		border-bottom: none;
+	}
+</style>
+