style(fe): 装扮/预览两个按钮改一行两列、缩小文字

装扮按钮从 profile-head 挪到「我的」页,和「看看别人眼里的我」并成
一行两列(装扮主页 / 别人眼里的我),字号缩小、图标小一号;
profile-head 只保留别人主页的关注键。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Blizzard
2026-07-31 15:22:22 +08:00
parent 4c9fbc4a88
commit 1610fd6814
3 changed files with 15 additions and 11 deletions
+4 -8
View File
@@ -44,13 +44,9 @@
</view>
</scroll-view>
<block wx:if="{{!preview}}">
<view wx:if="{{card.is_self}}" class="btn btn-ghost btn-block" bindtap="onDecorate">
<pt-icon name="edit" size="{{30}}"></pt-icon>装扮我的主页
</view>
<view wx:else class="btn {{card.followed ? 'btn-ghost' : 'btn-dark'}} btn-block" bindtap="onFollow">
<pt-icon wx:if="{{!card.followed}}" name="plus" size="{{28}}"></pt-icon>{{card.followed ? '已关注' : '关注 TA'}}
</view>
</block>
<!-- 装扮按钮挪到「我的」页和「预览」并排了,这里只留别人主页的关注键 -->
<view wx:if="{{!preview && !card.is_self}}" class="btn {{card.followed ? 'btn-ghost' : 'btn-dark'}} btn-block" bindtap="onFollow">
<pt-icon wx:if="{{!card.followed}}" name="plus" size="{{28}}"></pt-icon>{{card.followed ? '已关注' : '关注 TA'}}
</view>
</view>
</view>
+8 -2
View File
@@ -6,8 +6,14 @@
<profile-head card="{{card}}" hide-wall="{{true}}" bind:relations="goRelations"
bind:decorate="goDecorate" bind:pet="onPickPet"></profile-head>
<view class="btn btn-ghost btn-block me-preview" bindtap="previewPublic">
<pt-icon name="user" size="{{30}}"></pt-icon>看看别人眼里的我
<!-- 装扮 + 预览,一行两列 -->
<view class="me-actions">
<view class="btn btn-ghost me-act" bindtap="goDecorate">
<pt-icon name="edit" size="{{28}}"></pt-icon>装扮主页
</view>
<view class="btn btn-ghost me-act" bindtap="previewPublic">
<pt-icon name="user" size="{{28}}"></pt-icon>别人眼里的我
</view>
</view>
<!-- 我的毛孩子 -->
+3 -1
View File
@@ -8,5 +8,7 @@
}
.pet-info{flex:1;min-width:0}
.me-preview{margin-bottom:var(--sp-5)}
/* 装扮 + 预览:一行两列,文字缩小、图标也小一号 */
.me-actions{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5)}
.me-act{flex:1;height:var(--h-md);padding:0 var(--sp-2);font-size:var(--fs-sm);gap:var(--sp-1)}
.pet-emoji-img{width:100%;height:100%;display:block}