style(fe): 装扮/预览两个按钮改一行两列、缩小文字
装扮按钮从 profile-head 挪到「我的」页,和「看看别人眼里的我」并成 一行两列(装扮主页 / 别人眼里的我),字号缩小、图标小一号; profile-head 只保留别人主页的关注键。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
<!-- 我的毛孩子 -->
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user