吉祥物页面初始

src/pages.json

@@ -126,6 +126,15 @@
                 }
             }
         },
+        {
+            "path": "pages/mascot/mascot_select_list",
+            "style": {
+                "navigationBarTitleText": "",
+                "app-plus": {
+                    "titleNView": false
+                }
+            }
+        },
         {
             "path": "pages/course/index",
             "style": {

src/pages/mascot/mascot_select_list.vue

@@ -0,0 +1,66 @@
+<template>
+	<view class="main_div max_page">
+		<nav-bar :is_seat="false"></nav-bar>
+		<image src="@/static/images/mascot/bg_1.png" class="bg_img" mode="aspectFit"></image>
+		<view class="fl1"></view>
+		<view class="title_div">
+			<image src="@/static/images/mascot/title.png" class="img" mode="widthFix"></image>
+		</view>
+		<view class="fl1"></view>
+		<view class="mascot_div">
+			<image src="@/static/images/mascot/ma_2.png" class="img" mode="widthFix"></image>
+		</view>
+		<view class="fl1"></view>
+		<view class="button_div">
+			<image src="@/static/images/mascot/btn_2.png" class="img" mode="aspectFit"></image>
+		</view>
+		<view class="fl1"></view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref
+	} from 'vue';
+	import common from '@/common/common.js'
+	
+</script>
+
+<style scoped lang="scss">
+	.title_div{
+		width: 70vw;
+		.img{
+			width: 100%;
+		}
+	}
+	.mascot_div{
+		width: 90vw;
+		.img{
+			width: 100%;
+		}
+	}
+	.button_div{
+		width: 80vw;
+		.img{
+			width: 100%;
+		}
+	}
+	.bg_img {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		z-index: -1;
+		
+	}
+	.main_div {
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		max-width: 100vh;
+		align-items: center;
+	}
+	
+	
+</style>

src/pages/setting/index.vue

@@ -10,7 +10,7 @@
 		<view class="detail-body">
 
 			<uv-cell-group :border="false">
-				<uv-cell @click="cellCLick" name="avatar" isLink title="头像">
+				<uv-cell @click="click_update_avatar" name="avatar" isLink title="头像">
 					<template #title>
 						<view class="font_pf">头像</view>
 					</template>
@@ -32,7 +32,7 @@
 						</picker>
 					</template>
 				</uv-cell>
-				<uv-cell title="形象" :isLink="true" :border="false"></uv-cell>
+				<uv-cell title="形象" @click="common.navigateTo('/pages/mascot/mascot_select_list')" :isLink="true" :border="false"></uv-cell>
 			</uv-cell-group>
 		</view>
 		<avatar-cropper v-if="avatarCropperStatus" mode="ratio" :imageUrl="avatarCropperUrl" :width="500" :height="500"
@@ -82,9 +82,22 @@
 			return '未填写'
 		}
 	})
+	// 点击修改头像
+	const click_update_avatar = (value) => {
+		uni.chooseImage({
+			count: 1,
+			sizeType: ["compressed"],
+			success: (res) => {
+				avatarCropperUrl.value = res.tempFilePaths[0];
+				avatarCropperStatus.value = true
+			},
+		});
+	};
+	// 选择头像取消
 	const onCancel = (value) => {
 		avatarCropperStatus.value = false
 	}
+	// 选择头像确定
 	const onConfirm = (file) => {
 		avatarCropperStatus.value = false
 		nextTick(async() => {
@@ -110,17 +123,7 @@
 			common.hideLoading()
 		})
 	}
-	
-	const cellCLick = (value) => {
-		uni.chooseImage({
-			count: 1,
-			sizeType: ["compressed"],
-			success: (res) => {
-				avatarCropperUrl.value = res.tempFilePaths[0];
-				avatarCropperStatus.value = true
-			},
-		});
-	};
+	// 修改性别
 	const sexChange = (e) => {
 		userInfo.value.gender = sexOptions[e.detail.value].value;
 		common.loading("修改中")
@@ -134,6 +137,7 @@
 		})
 	};
 	
+	
 	onLoad((params) => {
 		userInfo.value = getUserInfo()
 	});

src/pagesA.json

@@ -71,6 +71,15 @@
 					"titleNView": false
 				}
 			}
+		},
+		{
+			"path": "pages/mascot/mascot_select_list",
+			"style": {
+				"navigationBarTitleText": "",
+				"app-plus": {
+					"titleNView": false
+				}
+			}
 		}
 	]
 }