feat:MineView 个人档案调整为两行四列,移除个人中心和 MBTI

This commit is contained in:
2026-06-15 11:42:10 +08:00
parent 04cdd5585e
commit c744d92f38
+6 -36
View File
@@ -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;
}