fix: 样式更新
parent
dfb0661831
commit
afe68f1efc
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue