移动端V1.0

2025-07-16 15:34:34 +08:00
commit 194b0750fd
1083 changed files with 178295 additions and 0 deletions
--- a/pages/my/my.vue
+++ b/pages/my/my.vue
@@ -0,0 +1,120 @@
+<template>
+	<view class="my">
+		<!-- 头像信息 -->
+		<view class="avater">
+			<image :src="avater" mode=""></image>
+			<text style="color: white;">{{name}}</text>
+		</view>
+		<!-- 列表 -->
+		<view class="List">
+			<view class="ListBox" v-for="(item,index) in ListBox" :key="index" @click="goTopage(item.path)">
+				<text>{{item.text}}</text>
+				<uni-icons type="right" size="20" color="#babbbf"></uni-icons>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				avater: require('../../static/Avatar.png'),
+				name: '',
+				ListBox: [
+					// {
+					// 	text: "个人信息",
+					// 	path: "/pages/userinfo/userinfo"
+					// },
+					// {
+					// 	text: "住宿记录",
+					// 	path: "/pages/record/record"
+					// },
+					// {
+					// 	text: "我的成绩",
+					// 	path: "/pages/achievement/achievement"
+					// },
+					// {
+					// 	text: "综合素质评分",
+					// 	path: "/pages/score/score"
+					// },
+					{
+						text: "退出登录",
+						path: "/pages/login"
+					},
+				]
+			}
+		},
+		created() {
+			this.name = uni.getStorageSync('stuName');
+		},
+		methods: {
+			goTopage(path) {
+				uni.navigateTo({
+					url: path
+				})
+			},
+			// nextLogin() {
+			// 	uni.navigateTo({
+			// 		url: "/pages/Login/Login"
+			// 	})
+			// }
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.my {
+		max-height: 100vh;
+		background-color: #F5F5F7;
+
+		.avater {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			width: 100%;
+			height: 280rpx;
+			background: url("../../static/top.png");
+
+			image {
+				margin-top: 20rpx;
+				width: 160rpx;
+				height: 160rpx;
+			}
+
+			text {
+				margin-top: 20rpx;
+				font-size: 40rpx;
+				font-weight: bold;
+			}
+
+		}
+
+		.List {
+			width: 100%;
+			height: 400rpx;
+			background-color: white;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+
+			.ListBox {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				width: 100%;
+				padding: 20px 10px;
+				border-bottom: 1px solid #EDEDED;
+
+				image {
+					width: 40rpx;
+					height: 40rpx;
+				}
+
+				text {
+					font-weight: 500;
+				}
+			}
+		}
+	}
+</style>