This commit is contained in:
@fawn-nine
2024-09-20 16:19:52 +08:00
parent a0efe173da
commit eec954c991
5 changed files with 296 additions and 85 deletions

View File

@@ -3,15 +3,10 @@
padding: 0 0;
font-size: 28rpx;
;
" class="commonPage commonPageBox">
" class="commonPageeeee commonPageBox">
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<view class="bg_top">
<u-icon @click="goSetting" class="setIcon" labelColor="#258feb" labelPos="bottom" label="设置" name="setting"
:style="`top:${(10 + statusBarHeight) * 2}rpx`" color="#258feb" size="28"></u-icon>
</view>
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
<view class="bg_top flex_box flex_between">
<view class="per_mes">
<image @click="goUserInfo" :src="userMes.avatar" v-if="userMes.avatar != null"
class="per_mes_img color_shandow"></image>
@@ -20,28 +15,36 @@
<view v-if="userMes.vip == 3" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">吴门医述VIP</view>
</view>
<image src="@/static/icon/home_icon_logo.png" v-if="userMes.avatar == null"
class="per_mes_img color_shandow"></image>
<view class="userInfoBox" style="width: calc(100% - 220rpx)">
<template>
<view class="name">昵称{{ userMes.nickname ? userMes.nickname : "未设置" }}</view>
</template>
<template v-if="userMes.tel">
<view class="phone">手机号({{ userMes.tel }})</view>
</template>
<template v-if="userMes.email">
<view class="phone email">邮箱({{ userMes.email }})</view>
</template>
<template v-if="userMes.userVip && userMes.vip != 0 && !isAndorid">
<view class="phone email">VIP{{userMes.userVip.endTime.split(" ")[0]}}到期</view>
</template>
<!-- <text class="tong">累计读书5本
<span style="margin: 0 20upx;">|</span> 今日读50分钟
</text> -->
</view>
<br clear="both" />
</view>
<u-icon @click="goSetting" class="setIcon" labelColor="#258feb" labelPos="bottom" label="设置" name="setting"
:style="`top:${(10 + statusBarHeight) * 2}rpx`" color="#258feb" size="28"></u-icon>
</view>
<view class="mine_box" :style="`top:${(45 + statusBarHeight) * 2}rpx`">
<view style="
padding: 20rpx; overflow: hidden;
@@ -581,7 +584,8 @@
.per_mes {
position: relative;
margin: 0rpx 40rpx 60rpx 40rpx;
margin: 20rpx 40rpx;
margin-top: 20rpx;
align-items: center;
display: flex;
align-items: center;
@@ -878,25 +882,22 @@
// background: #d8f8e4 !important;
}
.bg_top {
// background-position: center center;
.bg_top {
padding: 0 30rpx;
height: 30vh;
position: relative;
padding-top: 80rpx;
margin-bottom: 60rpx; overflow: hidden;
// position: relative;
.setIcon {
position: absolute;
right: 30rpx;
// position: absolute;
// right: 30rpx;
// top: 30rpx;
}
}
.mine_box {
width: 100%;
position: absolute;
// top: 90rpx;
left: 0;
padding: 0 0rpx;
}