haha/sbnews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: move post favorite beside share

Browse Source
This commit is contained in:
hajimi
2026-08-03 22:02:08 +08:00
parent 190197e4bb
commit 9cc3f0dfbf
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uniapp/src/packages_community/pages/post_detail.vue
+18 -8
View File
@@ -6,8 +6,14 @@
<u-icon name="arrow-left" size="40" color="#111111" />
</view>
<text class="detail-topbar__title">帖子详情</text>
<view class="detail-topbar__action" @tap="handleShare">
<u-icon name="share" size="42" color="#111111" />
<view class="detail-topbar__actions">
<view class="detail-topbar__action" @tap="handleFavorite">
<u-icon :name="isFavorite ? 'star-fill' : 'star'" size="40"
:color="isFavorite ? '#e6a23c' : '#111111'" />
</view>
<view class="detail-topbar__action" @tap="handleShare">
<u-icon name="share" size="42" color="#111111" />
</view>
</view>
</view>
</view>
@@ -155,12 +161,6 @@
<u-icon name="thumb-up" size="34" :color="post.is_liked ? '#1468f5' : '#737373'" />
<text :class="{ 'is-active': post.is_liked }">{{ formatCount(post.like_count) }}</text>
</view>
<view class="detail-interaction__stat detail-interaction__stat--favorite"
@tap="handleFavorite">
<u-icon :name="isFavorite ? 'star-fill' : 'star'" size="34"
:color="isFavorite ? '#e6a23c' : '#737373'" />
<text :class="{ 'is-active': isFavorite }">{{ isFavorite ? '已藏' : '收藏' }}</text>
</view>
<view class="detail-interaction__stat">
<u-icon name="chat" size="34" color="#737373" />
<text>{{ formatCount(post.comment_count) }}</text>
@@ -913,6 +913,7 @@ const formatCommentTime = (value: any) => {
border-bottom: 1rpx solid #edf0f4;
&__nav {
position: relative;
height: 96rpx;
padding: 0 28rpx;
display: flex;
@@ -933,7 +934,16 @@ const formatCommentTime = (value: any) => {
}
}
&__actions {
display: flex;
align-items: center;
gap: 4rpx;
}
&__title {
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 34rpx;
line-height: 1;
font-weight: 700;