From c873f109ff6fe0af844659274de7acdf4ce96635 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B4=AA=E6=A0=91=E6=B3=BD?= <2393354236@qq.com>
Date: Thu, 8 Sep 2022 18:34:30 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=B0=8F=E7=A8=8B=E5=BA=8F=E3=80=91?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E8=AE=BE=E7=BD=AE=E9=A1=B5=E9=9D=A2=E5=88=87?=
 =?UTF-8?q?=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/pages/user_set/user_set.vue | 125 +++++++++++++++++++++-------
 1 file changed, 95 insertions(+), 30 deletions(-)

diff --git a/app/src/pages/user_set/user_set.vue b/app/src/pages/user_set/user_set.vue
index cfb16a91..cd9cd549 100644
--- a/app/src/pages/user_set/user_set.vue
+++ b/app/src/pages/user_set/user_set.vue
@@ -1,30 +1,95 @@
-<template>
-    <view class="user-set">
-        个人设置页面
-    </view>
-</template>
-
-<script setup lang="ts">
-import { getDecorate } from '@/api/shop'
-import { useUserStore } from '@/stores/user'
-import { onShow } from '@dcloudio/uni-app'
-import { storeToRefs } from 'pinia'
-import { reactive } from 'vue'
-const state = reactive<{
-    pages: any[]
-}>({
-    pages: []
-})
-const getData = async () => {
-    const data = await getDecorate({ id: 2 })
-    state.pages = JSON.parse(data.pages)
-}
-const userStore = useUserStore()
-const { userInfo, isLogin } = storeToRefs(userStore)
-onShow(() => {
-    userStore.getUser()
-})
-getData()
-</script>
-
-<style></style>
+<template>
+	<view class="user-set">
+		<view class="item flex bg-white mt-[20rpx]">
+			<u-avatar :src="src" shape="square"></u-avatar>
+			<view class="ml-[20rpx] flex flex-1 justify-between">
+				<view>
+					<view class="mb-[15rpx] text-xl font-medium">闻喜的小贾</view>
+					<view class="text-content text-xs">账号：tt54541512</view>
+				</view>
+				<u-icon name="arrow-right" color="#666"></u-icon>
+			</view>
+		</view>
+		<view class="item bg-white mt-[20rpx] btn-border flex flex-1 justify-between">
+			<view class="mb-[15rpx] text-xl">登录密码</view>
+			<u-icon name="arrow-right" color="#666"></u-icon>
+		</view>
+		<view class="item bg-white btn-border flex flex-1 justify-between">
+			<view class="mb-[15rpx] text-xl">绑定微信</view>
+			<view class=" flex justify-between">
+				<view class="text-muted mr-[20rpx]">
+					未绑定
+				</view>
+				<u-icon name="arrow-right" color="#666"></u-icon>
+			</view>
+		</view>
+		
+		<view class="item bg-white mt-[20rpx] btn-border flex flex-1 justify-between">
+			<view class="mb-[15rpx] text-xl">隐私政策</view>
+			<u-icon name="arrow-right" color="#666"></u-icon>
+		</view>
+		<view class="item bg-white btn-border flex flex-1 justify-between">
+			<view class="mb-[15rpx] text-xl">服务协议</view>
+			<u-icon name="arrow-right" color="#666"></u-icon>
+		</view>
+		<view class="item bg-white btn-border flex flex-1 justify-between">
+			<view class="mb-[15rpx] text-xl">关于我们</view>
+			<view class=" flex justify-between">
+				<view class="text-muted mr-[20rpx]">
+					v10.2.0
+				</view>
+				<u-icon name="arrow-right" color="#666"></u-icon>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import {
+		getDecorate
+	} from '@/api/shop'
+	import {
+		useUserStore
+	} from '@/stores/user'
+	import {
+		onShow
+	} from '@dcloudio/uni-app'
+	import {
+		storeToRefs
+	} from 'pinia'
+	import {
+		reactive
+	} from 'vue'
+	const state = reactive < {
+		pages: any[]
+	} > ({
+		pages: []
+	})
+	const getData = async () => {
+		const data = await getDecorate({
+			id: 2
+		})
+		state.pages = JSON.parse(data.pages)
+	}
+	const userStore = useUserStore()
+	const {
+		userInfo,
+		isLogin
+	} = storeToRefs(userStore)
+	onShow(() => {
+		userStore.getUser()
+	})
+	getData()
+</script>
+
+<style lang="scss" scoped>
+	.user-set {
+		.item {
+			padding: 30rpx;
+		}
+
+		.btn-border {
+			border-bottom: 1rpx solid $u-form-item-border-color;
+		}
+	}
+</style>