peanut/happy-life-star
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Peanut
2026-06-15 11:42:10 +08:00
parent 04cdd5585e
commit c744d92f38
1 changed files with 6 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mini-program/src/pages/main/MineView.vue
+6 -36
View File
@@ -3,12 +3,6 @@
<view class="profile-stars layer-a"></view> <view class="profile-stars layer-a"></view>
<view class="profile-stars layer-b"></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-stage">
<view class="avatar-glow"></view> <view class="avatar-glow"></view>
<view class="avatar-circle"> <view class="avatar-circle">
@@ -44,36 +38,28 @@
<text class="grid-value">{{ profile.zodiac || '未设置' }}</text> <text class="grid-value">{{ profile.zodiac || '未设置' }}</text>
</view> </view>
<view class="grid-item"> <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-icon">◻</text>
<text class="grid-label">职业</text> <text class="grid-label">职业</text>
<text class="grid-value">{{ profile.profession || '未设置' }}</text> <text class="grid-value">{{ profile.profession || '未设置' }}</text>
</view> </view>
</view>
<view class="profile-grid">
<view class="grid-item"> <view class="grid-item">
<text class="grid-icon">📍</text> <text class="grid-icon">📍</text>
<text class="grid-label">城市</text> <text class="grid-label">城市</text>
<text class="grid-value">{{ profile.city || '未设置' }}</text> <text class="grid-value">{{ profile.city || '未设置' }}</text>
</view> </view>
<view class="grid-item"> <view class="grid-item no-border">
<text class="grid-icon">🏢</text> <text class="grid-icon">🏢</text>
<text class="grid-label">行业</text> <text class="grid-label">行业</text>
<text class="grid-value">{{ profile.industry || '未设置' }}</text> <text class="grid-value">{{ profile.industry || '未设置' }}</text>
</view> </view>
<view class="grid-item no-border"> </view>
<view class="profile-grid">
<view class="grid-item">
<text class="grid-icon">🏗</text> <text class="grid-icon">🏗</text>
<text class="grid-label">公司</text> <text class="grid-label">公司</text>
<text class="grid-value">{{ profile.company || '未设置' }}</text> <text class="grid-value">{{ profile.company || '未设置' }}</text>
</view> </view>
</view>
<view class="profile-grid">
<view class="grid-item"> <view class="grid-item">
<text class="grid-icon">🎂</text> <text class="grid-icon">🎂</text>
<text class="grid-label">生日</text> <text class="grid-label">生日</text>
@@ -278,7 +264,6 @@ const terminateLifeHarmony = () => {
background-position: 60rpx 20rpx, 120rpx 100rpx; background-position: 60rpx 20rpx, 120rpx 100rpx;
} }
.profile-topbar,
.stats-grid, .stats-grid,
.menu-item { .menu-item {
position: relative; position: relative;
@@ -287,21 +272,6 @@ const terminateLifeHarmony = () => {
align-items: center; 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 { .avatar-stage {
position: relative; position: relative;
z-index: 1; z-index: 1;
@@ -445,7 +415,7 @@ const terminateLifeHarmony = () => {
.profile-grid { .profile-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(4, 1fr);
margin-bottom: 24rpx; margin-bottom: 24rpx;
} }