feat:MineView 个人档案调整为两行四列,移除个人中心和 MBTI
This commit is contained in:
@@ -3,12 +3,6 @@
|
||||
<view class="profile-stars layer-a"></view>
|
||||
<view class="profile-stars layer-b"></view>
|
||||
|
||||
<view class="profile-topbar">
|
||||
<view class="top-placeholder"></view>
|
||||
<text class="page-title">个人中心</text>
|
||||
<view class="top-placeholder"></view>
|
||||
</view>
|
||||
|
||||
<view class="avatar-stage">
|
||||
<view class="avatar-glow"></view>
|
||||
<view class="avatar-circle">
|
||||
@@ -44,36 +38,28 @@
|
||||
<text class="grid-value">{{ profile.zodiac || '未设置' }}</text>
|
||||
</view>
|
||||
<view class="grid-item">
|
||||
<text class="grid-icon">◉</text>
|
||||
<text class="grid-label">MBTI</text>
|
||||
<text class="grid-value">{{ profile.mbti || '未设置' }}</text>
|
||||
</view>
|
||||
<view class="grid-item no-border">
|
||||
<text class="grid-icon">◻</text>
|
||||
<text class="grid-label">职业</text>
|
||||
<text class="grid-value">{{ profile.profession || '未设置' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="profile-grid">
|
||||
<view class="grid-item">
|
||||
<text class="grid-icon">📍</text>
|
||||
<text class="grid-label">城市</text>
|
||||
<text class="grid-value">{{ profile.city || '未设置' }}</text>
|
||||
</view>
|
||||
<view class="grid-item">
|
||||
<view class="grid-item no-border">
|
||||
<text class="grid-icon">🏢</text>
|
||||
<text class="grid-label">行业</text>
|
||||
<text class="grid-value">{{ profile.industry || '未设置' }}</text>
|
||||
</view>
|
||||
<view class="grid-item no-border">
|
||||
</view>
|
||||
|
||||
<view class="profile-grid">
|
||||
<view class="grid-item">
|
||||
<text class="grid-icon">🏗</text>
|
||||
<text class="grid-label">公司</text>
|
||||
<text class="grid-value">{{ profile.company || '未设置' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="profile-grid">
|
||||
<view class="grid-item">
|
||||
<text class="grid-icon">🎂</text>
|
||||
<text class="grid-label">生日</text>
|
||||
@@ -278,7 +264,6 @@ const terminateLifeHarmony = () => {
|
||||
background-position: 60rpx 20rpx, 120rpx 100rpx;
|
||||
}
|
||||
|
||||
.profile-topbar,
|
||||
.stats-grid,
|
||||
.menu-item {
|
||||
position: relative;
|
||||
@@ -287,21 +272,6 @@ const terminateLifeHarmony = () => {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.profile-topbar {
|
||||
height: 68rpx;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.top-placeholder {
|
||||
width: 72rpx;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 34rpx;
|
||||
font-weight: 500;
|
||||
letter-spacing: 4rpx;
|
||||
}
|
||||
|
||||
.avatar-stage {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
@@ -445,7 +415,7 @@ const terminateLifeHarmony = () => {
|
||||
|
||||
.profile-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user