fix: 样式更新

master
xjs 2025-11-26 14:27:06 +08:00
parent dfb0661831
commit afe68f1efc
1 changed files with 23 additions and 15 deletions

View File

@ -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;