feat:个人信息静态页面及设置页面

src/auto-imports.d.ts

@@ -133,6 +133,7 @@ declare global {
   const until: typeof import('@vueuse/core')['until']
   const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
   const useAnimate: typeof import('@vueuse/core')['useAnimate']
+  const useAppStore: typeof import('./stores/app')['useAppStore']
   const useArrayDifference: typeof import('@vueuse/core')['useArrayDifference']
   const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
   const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
@@ -450,6 +451,7 @@ declare module 'vue' {
     readonly until: UnwrapRef<typeof import('@vueuse/core')['until']>
     readonly useActiveElement: UnwrapRef<typeof import('@vueuse/core')['useActiveElement']>
     readonly useAnimate: UnwrapRef<typeof import('@vueuse/core')['useAnimate']>
+    readonly useAppStore: UnwrapRef<typeof import('./stores/app')['useAppStore']>
     readonly useArrayDifference: UnwrapRef<typeof import('@vueuse/core')['useArrayDifference']>
     readonly useArrayEvery: UnwrapRef<typeof import('@vueuse/core')['useArrayEvery']>
     readonly useArrayFilter: UnwrapRef<typeof import('@vueuse/core')['useArrayFilter']>

src/pages.json

@@ -1,37 +1,45 @@
 {
-  "easycom": {
-    "autoscan": true,
-    "custom": {
-      "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
-    }
-  },
-  "pages": [
-    {
-      "path": "pages/feed-plan/index",
-      "type": "page"
-    },
-    {
-      "path": "pages/home/index",
-      "type": "page"
-    },
-    {
-      "path": "pages/me/index",
-      "type": "page"
-    },
-    {
-      "path": "pages/pet-manual/index",
-      "type": "page"
-    }
-  ],
-  "globalStyle": {
-    "backgroundColor": "@bgColor",
-    "backgroundColorBottom": "@bgColorBottom",
-    "backgroundColorTop": "@bgColorTop",
-    "backgroundTextStyle": "@bgTxtStyle",
-    "navigationBarBackgroundColor": "#000000",
-    "navigationBarTextStyle": "@navTxtStyle",
-    "navigationBarTitleText": "Vitesse-Uni",
-    "navigationStyle": "custom"
-  },
-  "subPackages": []
+	"easycom": {
+		"autoscan": true,
+		"custom": {
+			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
+		}
+	},
+	"pages": [
+		{
+			"path": "pages/feed-plan/index",
+			"type": "page"
+		},
+		{
+			"path": "pages/home/index",
+			"type": "page"
+		},
+		{
+			"path": "pages/me/index",
+			"type": "page"
+		},
+		{
+			"path": "pages/pet-manual/index",
+			"type": "page"
+		},
+		{
+			"path": "pages/setting/index",
+			"type": "page"
+		},
+		{
+			"path": "pages/userInfo/index",
+			"type": "page"
+		}
+	],
+	"globalStyle": {
+		"backgroundColor": "@bgColor",
+		"backgroundColorBottom": "@bgColorBottom",
+		"backgroundColorTop": "@bgColorTop",
+		"backgroundTextStyle": "@bgTxtStyle",
+		"navigationBarBackgroundColor": "#000000",
+		"navigationBarTextStyle": "@navTxtStyle",
+		"navigationBarTitleText": "Vitesse-Uni",
+		"navigationStyle": "custom"
+	},
+	"subPackages": []
 }

src/pages/setting/index.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import ToolFun from '@/utils'
+
+const titleName = ref<string>('设置')
+const safeHeight = ToolFun.getSafeHeight()
+</script>
+
+<template>
+  <TitleBar :title-name="titleName" />
+  <view class="flex flex-col bg-[#F5F6F7] overflow-y-auto" :style="`height:calc(100vh - ${safeHeight}px)`">
+    <uni-card>
+      <uni-list class="text-[16px] font-normal" :border="false">
+        <uni-list-item title="通用设置" />
+        <uni-list-item title="通知设置" />
+      </uni-list>
+    </uni-card>
+    <uni-card>
+      <uni-list class="mt-6 text-[16px] font-normal" :border="false">
+        <uni-list-item title="账号安全" />
+        <uni-list-item title="隐私" />
+      </uni-list>
+    </uni-card>
+  </view>
+</template>
+
+<style scoped>
+
+</style>

src/pages/userInfo/index.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import avatar from '@/static/image/user-info/avatar.png'
+import component from '@/static/image/user-info/Component.png'
+import union from '@/static/image/user-info/union.png'
+import ToolFun from '@/utils'
+
+const titleName = ref<string>('个人信息')
+const safeHeight = ToolFun.getSafeHeight()
+</script>
+
+<template>
+  <TitleBar :title-name="titleName" />
+  <view class="flex flex-col bg-[#F5F6F7] overflow-y-auto" :style="`height:calc(100vh - ${safeHeight}px)`">
+    <view class="flex justify-center items-center  p-[61px] w-full pb-[30px] ">
+      <view class="relative h-[80px] w-[80px]">
+        <image
+          :src="avatar" class="h-[80px] w-[80px] "
+        />
+        <view class="flex justify-center items-center absolute h-[18px] w-[18px] bg-[#0052D9] rounded-full right-0 bottom-0">
+          <image
+            :src="union" class="h-[10px] w-[10px] "
+          />
+        </view>
+      </view>
+    </view>
+    <uni-card>
+      <uni-list class="text-[16px] font-normal relative felx items-center justify-center" :border="false">
+        <uni-list-item show-arrow title="姓名" right-text="齐治然" />
+      </uni-list>
+    </uni-card>
+    <uni-card class="mt-6">
+      <uni-list :border="false" />
+      <uni-list-item show-arrow title="年龄" right-text="50" class="text-[45px] font-normal" :border="false" />
+      <uni-list-item show-arrow title="性别" right-text="男孩" />
+      <uni-list-item show-arrow title="职业" right-text="太空人" />
+      <uni-list-item show-arrow title="地址" right-text="杭州" />
+    </uni-card>
+    <view class=" w-full flex justify-center items-center mt-[80px]">
+      <button class="w-[176px] h-[47px] font-normal bg-[#4545E5] text-[18px] rounded-[69px] text-[#fff] flex justify-center items-center">
+        确认
+      </button>
+    </view>
+    <view class="mt-[20px] flex justify-center items-center">
+      <image
+        :src="component" class="w-[138px] h-[38px]"
+      />
+    </view>
+  </view>
+</template>
+
+<style  lang="scss" scoped>
+        :deep .uni-list-item{
+        height: 56px !important;
+      }
+      :deep .uni-list-item__content-title {
+        color: var(--text-icon-font-gy-190, rgba(0, 0, 0, 0.90)) !important;
+      font-size: 16px !important;
+      font-family: "PingFang SC" !important;
+      font-style: normal !important;
+      font-weight: 400 !important;
+     }
+     :deep .uni-list-item__extra-text{
+      color: var(--text-icon-font-gy-190, rgba(0, 0, 0, 0.90)) !important;
+      font-size: 16px !important;
+      font-style: normal !important;
+      font-weight: 400 !important;
+     }
+</style>

src/uni-pages.d.ts

@@ -7,7 +7,9 @@ interface NavigateToOptions {
   url: "/pages/feed-plan/index" |
        "/pages/home/index" |
        "/pages/me/index" |
-       "/pages/pet-manual/index";
+       "/pages/pet-manual/index" |
+       "/pages/setting/index" |
+       "/pages/userInfo/index";
 }
 interface RedirectToOptions extends NavigateToOptions {}