xjs
/
volunteer-secondary
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 样式更新

master
xjs 2025-11-26 14:27:06 +08:00
parent dfb0661831
commit afe68f1efc
1 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/me/me.vue
View File

@ -32,20 +32,20 @@ const { userInfo } = storeToRefs(userStore)
const topMenuList = [{ name: '我的志愿表', img: 'https://lwzk.ycymedu.com/img/qt/wd_biao.png', url: '/pages-sub/me/wishlist' }, { name: "我的测评", img: 'https://lwzk.ycymedu.com/img/qt/wd_cp.png', url: '/pages-sub/me/evaluation' }]
const bottomMenuList = [{ name: '收藏院校', img: 'https://lwzk.ycymedu.com/img/qt/wd_shoucang.png', url: "/pages-sub/me/starSchool" }, { name: '联系客服', img: 'https://lwzk.ycymedu.com/img/qt/wd_kefu.png', url: "/pages-sub/about/onlineCustom" }, { name: '关于我们', img: 'https://lwzk.ycymedu.com/img/qt/wd_guanyu.png', url: '/pages-sub/about/about' }]
const topMenuList = [{ name: '我的志愿表', img: 'https://lwzk.ycymedu.com/img/qt/wd_biao.png',url:'/pages-sub/me/wishlist' }, { name: "我的测评", img: 'https://lwzk.ycymedu.com/img/qt/wd_cp.png',url:'/pages-sub/me/evaluation' }]
const bottomMenuList = [{ name: '收藏院校', img: 'https://lwzk.ycymedu.com/img/qt/wd_shoucang.png',url:"/pages-sub/me/starSchool" }, { name: '联系客服', img: 'https://lwzk.ycymedu.com/img/qt/wd_kefu.png', url:"/pages-sub/about/onlineCustom" }, { name: '关于我们', img: 'https://lwzk.ycymedu.com/img/qt/wd_guanyu.png',url:'/pages-sub/about/about' }]
const navigateToUrl = (url: string) => {
uni.navigateTo({ url })
const navigateToUrl = (url:string) => {
uni.navigateTo({url})
}
const navigateToUserInfo = () => {
uni.navigateTo({ url: "/pages-sub/about/userInfo" })
uni.navigateTo({url:"/pages-sub/about/userInfo"})
}
</script>
<template>
<view :class="`custom-background`" :style="{ height: `calc(100vh - 50px - ${safeAreaInsets.bottom}px)` }">
<view :class="`custom-background`" :style="{height:`calc(100vh - 50px - ${safeAreaInsets.bottom}px)`}">
<sar-navbar :fixed="true" fixation-style="top:unset;"
:root-style="{ '--sar-navbar-bg': `transparent`, '--sar-navbar-height': `${safeAreaInsets?.top + 44}px` }">
<template #title>
@ -57,7 +57,8 @@ const navigateToUserInfo = () => {
<view class="flex items-center justify-between px-[50rpx] my-[50rpx]">
<view class="flex">
<view class="w-[132rpx] h-[132rpx]">
<image :src="`${userInfo.avatar}`" mode="scaleToFill" class="w-[132rpx] h-[132rpx] rounded-full" />
<image :src="`${userInfo.avatar}`" mode="scaleToFill"
class="w-[132rpx] h-[132rpx] rounded-full" />
</view>
<view class="ml-[32rpx]">
<view class="text-[44rpx] font-500 mb-[10rpx]">{{ userInfo.nickName }}</view>
@ -66,7 +67,8 @@ const navigateToUserInfo = () => {
</view>
<view class="flex flex-col items-center" @click="navigateToUserInfo">
<view class="w-[48rpx] h-[48rpx]">
<image src="https://lwzk.ycymedu.com/img/qt/wd_bianji.png" mode="scaleToFill" class="w-[48rpx] h-[48rpx]" />
<image src="https://lwzk.ycymedu.com/img/qt/wd_bianji.png" mode="scaleToFill"
class="w-[48rpx] h-[48rpx]" />
</view>
<view class="text-[30rpx] text-[#333]">编辑</view>
</view>
@ -83,17 +85,23 @@ const navigateToUserInfo = () => {
</view>
</view>
<view class="p-[30rpx] mx-[30rpx] rounded-[20rpx] bg-white mt-[30rpx]">
<view class="px-[30rpx] pt-[30rpx] mx-[30rpx] rounded-[20rpx] bg-white mt-[30rpx]">
<view class="text-[34rpx] font-500">其他功能</view>
<view
class="flex items-center py-[34rpx] not-last:border-b-[2rpx] not-last:border-b-solid not-last:border-b-[#EDEDED]"
v-for="(value, index) in bottomMenuList" :key="index" @click="navigateToUrl(value.url)">
<view class="flex items-center py-[34rpx] not-last:border-b-[2rpx] not-last:border-b-solid not-last:border-b-[#EDEDED]" v-for="(value,index) in bottomMenuList" :key="index" @click="navigateToUrl(value.url)">
<view class="w-[44rpx] h-[44rpx] flex items-center">
<image :src="value.img" mode="scaleToFill" class="w-[44rpx] h-[44rpx]" />
<image
:src="value.img"
mode="scaleToFill"
class="w-[44rpx] h-[44rpx]"
/>
</view>
<view class="text-[32rpx] ml-[16rpx]">{{ value.name }}</view>
<view class="w-[18rpx] h-[36rpx] ml-auto flex items-center">
<image src="https://lwzk.ycymedu.com/img/qt/tb_jiantou.png" mode="scaleToFill" class="w-[18rpx] h-[36rpx]" />
<image
src="https://lwzk.ycymedu.com/img/qt/tb_jiantou.png"
mode="scaleToFill"
class="w-[18rpx] h-[36rpx]"
/>
</view>
</view>
</view>
@ -103,7 +111,7 @@ const navigateToUserInfo = () => {
<style lang="scss" scoped>
.custom-background {
background: linear-gradient(180deg, #ecf2ff 0%, #f6f8ff 40rpx, #fff 128rpx);
background: linear-gradient(180deg, #C7E0FF 0%, #f8f8f8 530rpx);
background-position: 50% 50%;
background-origin: padding-box;
background-clip: border-box;