优化

pages/setaccount/setaccount.vue

 <template>
-	<view style="padding-top: 80rpx;">
+	<view class="main">
 		<view class="main_content">
 			<TopBar title="账号设置"/>
 			<view class="account_base_info flex">
@@ -12,10 +12,27 @@
 				</view>
 				<text class="eosfont right_icon">&#xe608;</text>
 			</view>
-			<view>
-				
+			<view class="flex set_item">
+				<text class="set_title">收货地址管理</text>
+				<text class="eosfont right_icon">&#xe608;</text>
+			</view>
+			<view class="flex set_item">
+				<text class="set_title">更换绑定手机号</text>
+				<view class="flex" style="align-items: center;">
+					<text class="phone_num">1212121</text>
+					<text class="eosfont right_icon">&#xe608;</text>
+				</view>
+			</view>
+			<view class="flex set_item">
+				<text class="set_title">修改支付密码</text>
+				<text class="eosfont right_icon">&#xe608;</text>
+			</view>
+			<view class="flex set_item">
+				<text class="set_title">修改登录密码</text>
+				<text class="eosfont right_icon">&#xe608;</text>
 			</view>
 		</view>
+		<view class="log_out">退出登录</view>
 	</view>
 </template>
 
@@ -34,6 +51,12 @@
 </script>
 
 <style lang="less" scoped>
+	.main {
+		padding-top: 80rpx;
+		height: 1334rpx;
+		box-sizing: border-box;
+		background: #f5f5f5;
+	}
 	.flex {
 		display: flex;
 	}
@@ -45,6 +68,7 @@
 		color: #7C7C7C;
 	}
 	.main_content {
+		background-color: #fff;
 		.account_base_info {
 			height: 160rpx;
 			align-items: center;
@@ -71,6 +95,30 @@
 				line-height: 32rpx;
 			}
 		}
+		.set_item {
+			height: 92rpx;
+			justify-content: space-between;
+			align-items: center;
+			padding: 0 24rpx;
+			.set_title {
+				font-size: 28rpx;
+				color: #212121;
+				line-height: 40rpx;
+			}
+			.phone_num {
+				color: #7C7C7C;
+				font-size: 26rpx;
+				line-height: 36rpx;
+				margin-right: 16rpx;
+			}
+		}
+	}
+	.log_out {
+		height: 92rpx;
+		line-height: 92rpx;
+		background-color: #fff;
+		text-align: center;
+		color: #212121;
+		font-size: 28rpx;
 	}
-	
 </style>