From 8dead468934553eedf7ca774b9736c541d54cd71 Mon Sep 17 00:00:00 2001
From: JING <leirance@live.com>
Date: Mon, 15 Jul 2024 15:58:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/user/account/index.vue | 73 ++++++++++++++++++++++++------------
 pages/user/index.vue         | 34 ++++++++++++-----
 2 files changed, 75 insertions(+), 32 deletions(-)

diff --git a/pages/user/account/index.vue b/pages/user/account/index.vue
index 0b26e28..253c709 100644
--- a/pages/user/account/index.vue
+++ b/pages/user/account/index.vue
@@ -48,38 +48,67 @@
 		 			           placeholder="请输入昵称"
 							   inputAlign="right"
 							   border="none"
-							   color="#FFFFFF"
+							   color="#999999"
 							   maxlength="10"
 		 			           v-model="info.wxName"
 		 			         ></u--input>
 		 			      </view>
-		 	
+						 <view class='i_box_5'>
+							 <view class="up">
+							 		<view class="img">	
+							 		</view>
+							 		<view class="icon">
+							 			<u-icon name="arrow-right" top="5"></u-icon>
+							 		</view>
+							 </view>	 
+						 </view>
 		 			    </view>
 		 <!--input box end-->
 		 
 		 <!--input box start-->
 		 			    <view class='input_box'>
-		 			      <view class='i_box_1'>手机号</view>
+		 			      <view class='i_box_1'>协议与说明</view>
 		 			      <view class='i_box_2'></view>
 		 			      <view class='i_box_3x'>
-							<u--input
-								v-if="!this.$com.isNull(info.phoneNumber)"
-							    inputAlign="right"
-								border="none"
-								color="#FFFFFF"
-								maxlength="11"
-							    v-model="info.phoneNumber"
-								:readonly="true"
-							  ></u--input>  
-							<u-button v-else :text="info.phoneNumber || '点击获取手机号'" openType="getPhoneNumber" @getphonenumber="getPhoneNumber"></u-button>
+		 			      
 		 			      </view>
-		 	
+		 						 <view class='i_box_5'>
+		 							 <view class="up">
+		 							 		<view class="img">	
+		 							 		</view>
+		 							 		<view class="icon" >
+		 							 			<u-icon name="arrow-right" top="5"></u-icon>
+		 							 		</view>
+		 							 </view>	 
+		 						 </view>
 		 			    </view>
 		 <!--input box end-->
+
 			
 		</view>	
 		
-		<view class="btn-big"><u-button type="info" :loading="btn_loading" loadingText="加载中" :disabled="btn_disabled" text="保存" @click="add"></u-button></view>
+		<view class="form" style="margin-top: 20rpx;">
+			<!--input box start-->
+						    <view class='input_box'>
+						      <view class='i_box_1'>注销账号</view>
+						      <view class='i_box_2'></view>
+						      <view class='i_box_3x'>
+						      
+						      </view>
+									 <view class='i_box_5'>
+										 <view class="up">
+										 		<view class="img">	
+										 		</view>
+										 		<view class="icon" >
+										 			<u-icon name="arrow-right" top="5"></u-icon>
+										 		</view>
+										 </view>	 
+									 </view>
+						    </view>
+			<!--input box end-->
+		</view>	
+		
+		
 	</view>
 </template>
 
@@ -96,9 +125,7 @@
 			
 				   },
 				   wxAvatar:  [],
-				   //按钮设置
-				   btn_loading:false,	
-				   btn_disabled:false,
+				
 			}
 		},
 		onLoad(option) {
@@ -228,14 +255,14 @@
 
 <style lang="scss">
 .container{padding:10rpx 20rpx;}
-.form{ padding: 20rpx;
-background: #082436;
+.form{ padding:0rpx 20rpx;
+background: #FFFFFF;
 border-radius: 24rpx 24rpx 24rpx 24rpx;
 }
 /*form基本元素*/
 /*input_box*/
 .input_box{ display: flex;flex-direction:row;  height: 100rpx; line-height: 100rpx; 
-border-radius: 15rpx;box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.05); margin: 20rpx auto; color:#FFFFFF;}
+border-radius: 15rpx; margin: 0rpx auto; color:#3D3D3D;}
 
 .i_box_1{ width: 25%;height: 100rpx; font-size: 28rpx; text-align: left; }
 .i_box_2{width: 0.3%;height: 80rpx;   margin-top: 10rpx;}
@@ -246,8 +273,8 @@ border-radius: 15rpx;box-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.05); margin: 20rpx
 
 
 /*特殊的 改变部分*/
-.i_box_3x{height: 100rpx;min-width: 74.7%; width: auto;font-size: 26rpx;}
-::v-deep  .u-input{ border:none !important; color:#FFFFFF !important; margin-top: 10rpx;}
+.i_box_3x{height: 100rpx;min-width: 65.7%; width: auto;font-size: 26rpx;}
+::v-deep  .u-input{ border:none !important; color:#3D3D3D !important; margin-top: 20rpx;}
 .up{ width: 100%; height: auto; display: flex; margin-top: 20rpx;}
 .up .img{width:80%; }
 .up .img .u-upload{ margin-left: 80rpx;}
diff --git a/pages/user/index.vue b/pages/user/index.vue
index a3baf72..f98c4e6 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -10,7 +10,7 @@
 					<view class="name"><text class="username">{{userInfo.wxName}}</text><!-- <text class="level">等级</text> --></view>
 				</view>
 				<view class="uright">
-					<view class="change">
+					<view class="change" @click="goTo('/pages/user/account/index')">
 						<image src="/static/img/user/setting.png" mode="widthFix"></image>
 					</view>
 				</view>
@@ -59,12 +59,15 @@
 					transform: 'scale(1)'
 				}"
                itemStyle="padding-left: 20rpx; padding-right: 20rpx; width:147rpx;  height: 68rpx;"
-			   @click="click"></u-tabs>
+			   @click="tabChange"></u-tabs>
 			   
 			  <view class="datalist">
-				  
+				 
+				 
+				
 			  </view>
-			  <u-empty icon="/static/img/user/nodata.png" mode="list" text="暂无数据，快去添加吧！" width="180rpx" marginTop="120px"></u-empty>		
+			  <u-empty icon="/static/img/user/nodata.png" mode="list" text="暂无数据，快去添加吧！" width="180rpx" marginTop="120px"></u-empty>	
+			  <view class="newBtn">去创建</view>  	  
 		</view>	
 		
 		
@@ -170,6 +173,11 @@ export default {
 				url: url,
 			});
 		},
+		//选项卡选择
+		tabChange(e)
+		{
+			console.log(e);
+		},
 		tools(item)
 		{
 			var _this =this;
@@ -500,10 +508,18 @@ font-weight: 400;
 	.nowENV{ width: 200rpx; height: 60rpx; margin: 10rpx auto; text-align: center;}
 	.empty{width: 100%; height: 20rpx;}
 	
-	
-	.ad{ width: 100%; height: auto;  text-align: center; margin:0rpx auto;}
-	.ad image{ width:100%; margin-top:20rpx;border-radius: 30rpx;}
-	.videoBox{ width: 750rpx; height: 900rpx;}
-	.videoBox video{ width: 100%; height: 100%;}
+	.newBtn{
+		width: 400rpx;
+		height: 88rpx;
+		line-height: 88rpx;
+		border-radius: 48rpx;
+		border: 2rpx solid #9B75FF;
+		text-align: center;
+		margin: 20rpx auto;
+		color: #9B75FF;
+		font-size: 30rpx;
+		font-weight: bold;
+	}
+
 
 </style>