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

deploy: auto commit repo-root changes 2026-08-03 00:32:40

Browse Source
This commit is contained in:
hajimi
2026-08-03 00:32:40 +08:00
parent 7f7dd71c15
commit fa0593d4ce
2 changed files with 58 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uniapp/src/packages_community/components/post-card.vue
+46 -22
View File
@@ -18,7 +18,9 @@
<view class="post-card__author"> <view class="post-card__author">
<view class="post-card__identity"> <view class="post-card__identity">
<text class="post-card__nickname">{{ post.user?.nickname || '匿名用户' }}</text> <text class="post-card__nickname">{{ post.user?.nickname || '匿名用户' }}</text>
<text v-if="post.user?.id" class="post-card__follow-count">关注 {{ formatCount(post.user.fans_count) }}</text> <text v-if="post.user?.id && post.user.fans_count > 0" class="post-card__follow-count">关注 {{
formatCount(post.user.fans_count)
}}</text>
<text v-if="post.is_top" class="post-card__pin">置顶</text> <text v-if="post.is_top" class="post-card__pin">置顶</text>
</view> </view>
<text class="post-card__time">{{ formatTime(post.create_time) }}</text> <text class="post-card__time">{{ formatTime(post.create_time) }}</text>
@@ -31,7 +33,8 @@
<view class="post-card__content"> <view class="post-card__content">
<text v-if="contentTitle" class="post-card__title">{{ contentTitle }}</text> <text v-if="contentTitle" class="post-card__title">{{ contentTitle }}</text>
<text class="post-card__summary" :class="{ 'post-card__summary--locked': post.is_paid && !post.is_unlocked }"> <text class="post-card__summary"
:class="{ 'post-card__summary--locked': post.is_paid && !post.is_unlocked }">
{{ contentSummary }} {{ contentSummary }}
</text> </text>
</view> </view>
@@ -52,8 +55,9 @@
<view v-if="post.images?.length && !(post.is_paid && !post.is_unlocked)" class="post-card__images" <view v-if="post.images?.length && !(post.is_paid && !post.is_unlocked)" class="post-card__images"
:class="{ 'post-card__images--full': isLotteryPost }"> :class="{ 'post-card__images--full': isLotteryPost }">
<template v-if="isLotteryPost"> <template v-if="isLotteryPost">
<image v-for="(image, index) in post.images" :key="index" class="post-card__image post-card__image--full" <image v-for="(image, index) in post.images" :key="index"
:src="image" mode="widthFix" @tap.stop="previewImage(index)" /> class="post-card__image post-card__image--full" :src="image" mode="widthFix"
@tap.stop="previewImage(index)" />
</template> </template>
<template v-else-if="trumpSourceUrl"> <template v-else-if="trumpSourceUrl">
<view class="post-card__external-cover" @tap.stop="openSourceUrl"> <view class="post-card__external-cover" @tap.stop="openSourceUrl">
@@ -87,8 +91,10 @@
<u-icon name="chat" size="30" color="#7a8494" /> <u-icon name="chat" size="30" color="#7a8494" />
<text>{{ formatCount(post.comment_count) }}</text> <text>{{ formatCount(post.comment_count) }}</text>
</view> </view>
<view class="post-card__action" :class="{ 'post-card__action--active': post.is_liked }" @tap.stop="$emit('like')"> <view class="post-card__action" :class="{ 'post-card__action--active': post.is_liked }"
<u-icon :name="post.is_liked ? 'thumb-up-fill' : 'thumb-up'" size="31" :color="post.is_liked ? '#1468f5' : '#7a8494'" /> @tap.stop="$emit('like')">
<u-icon :name="post.is_liked ? 'thumb-up-fill' : 'thumb-up'" size="31"
:color="post.is_liked ? '#1468f5' : '#7a8494'" />
<text>{{ formatCount(post.like_count) }}</text> <text>{{ formatCount(post.like_count) }}</text>
</view> </view>
</view> </view>
@@ -291,10 +297,10 @@ const formatCount = (value: any) => {
&__price { &__price {
padding: 4rpx 12rpx; padding: 4rpx 12rpx;
border-radius: 8rpx; border-radius: 8rpx;
color: #1468f5; color: #4f4f4f;
font-size: 20rpx; font-size: 20rpx;
font-weight: 600; font-weight: 500;
background: #edf4ff; background: #e9e9e9;
} }
&__time { &__time {
@@ -317,7 +323,10 @@ const formatCount = (value: any) => {
} }
} }
&__price { color: #7653d6; background: #f1edff; } &__price {
color: #7653d6;
background: #f1edff;
}
&__content { &__content {
display: flex; display: flex;
@@ -344,7 +353,9 @@ const formatCount = (value: any) => {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
&--locked { -webkit-line-clamp: 2; } &--locked {
-webkit-line-clamp: 2;
}
} }
&__translation { &__translation {
@@ -357,7 +368,11 @@ const formatCount = (value: any) => {
border-radius: 0 12rpx 12rpx 0; border-radius: 0 12rpx 12rpx 0;
background: #f5f8ff; background: #f5f8ff;
> text:first-child { color: #1468f5; font-size: 21rpx; font-weight: 700; } >text:first-child {
color: #1468f5;
font-size: 21rpx;
font-weight: 700;
}
} }
&__translation-text { &__translation-text {
@@ -381,12 +396,10 @@ const formatCount = (value: any) => {
padding: 24rpx 26rpx 18rpx; padding: 24rpx 26rpx 18rpx;
overflow: hidden; overflow: hidden;
border-radius: 16rpx; border-radius: 16rpx;
background: linear-gradient( background: linear-gradient(180deg,
180deg, rgba(205, 218, 232, 0.96) 0%,
rgba(205, 218, 232, 0.96) 0%, rgba(228, 236, 244, 0.86) 52%,
rgba(228, 236, 244, 0.86) 52%, rgba(255, 255, 255, 0.98) 100%);
rgba(255, 255, 255, 0.98) 100%
);
box-sizing: border-box; box-sizing: border-box;
} }
@@ -429,7 +442,9 @@ const formatCount = (value: any) => {
overflow: hidden; overflow: hidden;
border-radius: 16rpx; border-radius: 16rpx;
&--full { display: block; } &--full {
display: block;
}
} }
&__image { &__image {
@@ -493,8 +508,15 @@ const formatCount = (value: any) => {
flex-direction: column; flex-direction: column;
gap: 8rpx; gap: 8rpx;
text:first-child { font-size: 26rpx; font-weight: 600; } text:first-child {
text:last-child { color: rgba(255, 255, 255, 0.7); font-size: 22rpx; } font-size: 26rpx;
font-weight: 600;
}
text:last-child {
color: rgba(255, 255, 255, 0.7);
font-size: 22rpx;
}
} }
&__tags { &__tags {
@@ -530,7 +552,9 @@ const formatCount = (value: any) => {
font-size: 24rpx; font-size: 24rpx;
line-height: 1; line-height: 1;
&--active { color: #1468f5; } &--active {
color: #1468f5;
}
} }
} }
</style> </style>
uniapp/src/pages/community/community.vue
+12 -10
View File
@@ -2,7 +2,7 @@
<view class="community-page"> <view class="community-page">
<view class="community-header" :style="{ paddingTop: statusBarHeight + 'px' }"> <view class="community-header" :style="{ paddingTop: statusBarHeight + 'px' }">
<view class="community-header__bar"> <view class="community-header__bar">
<image class="community-header__logo" src="/static/images/logo.png" mode="aspectFit" /> <image class="community-header__logo" src="/static/images/logo_mini.png" mode="aspectFit" />
<view class="community-header__search" @tap="goSearch"> <view class="community-header__search" @tap="goSearch">
<u-icon name="search" size="32" color="#7a8494" /> <u-icon name="search" size="32" color="#7a8494" />
<text>搜索话题、球队、作者</text> <text>搜索话题、球队、作者</text>
@@ -391,8 +391,9 @@ onShow(() => {
} }
&__logo { &__logo {
width: 82rpx; width: 62rpx;
height: 62rpx; height: 42rpx;
padding: 20rpx;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -419,7 +420,7 @@ onShow(() => {
} }
.community-toolbar { .community-toolbar {
height: 88rpx; height: 68rpx;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12rpx; gap: 12rpx;
@@ -432,9 +433,10 @@ onShow(() => {
align-items: center; align-items: center;
gap: 8rpx; gap: 8rpx;
margin-bottom: 0; margin-bottom: 0;
margin-right: 20rpx;
padding: 0 14rpx 0 9rpx; padding: 0 14rpx 0 9rpx;
border: 1rpx solid #bdd5ff; border: 1rpx solid #bdd5ff;
border-radius: 999rpx; border-radius: 10rpx;
color: #1468f5; color: #1468f5;
background: #fafdff; background: #fafdff;
box-sizing: border-box; box-sizing: border-box;
@@ -463,7 +465,7 @@ onShow(() => {
.community-nav { .community-nav {
flex: 0 1 auto; flex: 0 1 auto;
height: 88rpx; height: 68rpx;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
gap: 18rpx; gap: 18rpx;
@@ -474,7 +476,7 @@ onShow(() => {
&__item { &__item {
position: relative; position: relative;
flex: 0 0 auto; flex: 0 0 auto;
height: 88rpx; height: 68rpx;
padding: 0 10rpx; padding: 0 10rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -488,7 +490,7 @@ onShow(() => {
} }
&--active { &--active {
color: #1468f5; color: #4f4f4f;
text { text {
font-weight: 700; font-weight: 700;
@@ -499,10 +501,10 @@ onShow(() => {
bottom: 0; bottom: 0;
left: 50%; left: 50%;
width: 46rpx; width: 46rpx;
height: 5rpx; height: 3rpx;
border-radius: 99rpx; border-radius: 99rpx;
content: ''; content: '';
background: #1468f5; background: #4f4f4f;
transform: translateX(-50%); transform: translateX(-50%);
} }
} }