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__identity">
<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>
</view>
<text class="post-card__time">{{ formatTime(post.create_time) }}</text>
@@ -31,7 +33,8 @@
<view class="post-card__content">
<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 }}
</text>
</view>
@@ -52,8 +55,9 @@
<view v-if="post.images?.length && !(post.is_paid && !post.is_unlocked)" class="post-card__images"
:class="{ 'post-card__images--full': isLotteryPost }">
<template v-if="isLotteryPost">
<image v-for="(image, index) in post.images" :key="index" class="post-card__image post-card__image--full"
:src="image" mode="widthFix" @tap.stop="previewImage(index)" />
<image v-for="(image, index) in post.images" :key="index"
class="post-card__image post-card__image--full" :src="image" mode="widthFix"
@tap.stop="previewImage(index)" />
</template>
<template v-else-if="trumpSourceUrl">
<view class="post-card__external-cover" @tap.stop="openSourceUrl">
@@ -87,8 +91,10 @@
<u-icon name="chat" size="30" color="#7a8494" />
<text>{{ formatCount(post.comment_count) }}</text>
</view>
<view class="post-card__action" :class="{ 'post-card__action--active': post.is_liked }" @tap.stop="$emit('like')">
<u-icon :name="post.is_liked ? 'thumb-up-fill' : 'thumb-up'" size="31" :color="post.is_liked ? '#1468f5' : '#7a8494'" />
<view class="post-card__action" :class="{ 'post-card__action--active': post.is_liked }"
@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>
</view>
</view>
@@ -291,10 +297,10 @@ const formatCount = (value: any) => {
&__price {
padding: 4rpx 12rpx;
border-radius: 8rpx;
color: #1468f5;
color: #4f4f4f;
font-size: 20rpx;
font-weight: 600;
background: #edf4ff;
font-weight: 500;
background: #e9e9e9;
}
&__time {
@@ -317,7 +323,10 @@ const formatCount = (value: any) => {
}
}
&__price { color: #7653d6; background: #f1edff; }
&__price {
color: #7653d6;
background: #f1edff;
}
&__content {
display: flex;
@@ -344,7 +353,9 @@ const formatCount = (value: any) => {
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
&--locked { -webkit-line-clamp: 2; }
&--locked {
-webkit-line-clamp: 2;
}
}
&__translation {
@@ -357,7 +368,11 @@ const formatCount = (value: any) => {
border-radius: 0 12rpx 12rpx 0;
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 {
@@ -381,12 +396,10 @@ const formatCount = (value: any) => {
padding: 24rpx 26rpx 18rpx;
overflow: hidden;
border-radius: 16rpx;
background: linear-gradient(
180deg,
rgba(205, 218, 232, 0.96) 0%,
rgba(228, 236, 244, 0.86) 52%,
rgba(255, 255, 255, 0.98) 100%
);
background: linear-gradient(180deg,
rgba(205, 218, 232, 0.96) 0%,
rgba(228, 236, 244, 0.86) 52%,
rgba(255, 255, 255, 0.98) 100%);
box-sizing: border-box;
}
@@ -429,7 +442,9 @@ const formatCount = (value: any) => {
overflow: hidden;
border-radius: 16rpx;
&--full { display: block; }
&--full {
display: block;
}
}
&__image {
@@ -493,8 +508,15 @@ const formatCount = (value: any) => {
flex-direction: column;
gap: 8rpx;
text:first-child { font-size: 26rpx; font-weight: 600; }
text:last-child { color: rgba(255, 255, 255, 0.7); font-size: 22rpx; }
text:first-child {
font-size: 26rpx;
font-weight: 600;
}
text:last-child {
color: rgba(255, 255, 255, 0.7);
font-size: 22rpx;
}
}
&__tags {
@@ -530,7 +552,9 @@ const formatCount = (value: any) => {
font-size: 24rpx;
line-height: 1;
&--active { color: #1468f5; }
&--active {
color: #1468f5;
}
}
}
</style>
uniapp/src/pages/community/community.vue
+12 -10
View File
@@ -2,7 +2,7 @@
<view class="community-page">
<view class="community-header" :style="{ paddingTop: statusBarHeight + 'px' }">
<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">
<u-icon name="search" size="32" color="#7a8494" />
<text>搜索话题、球队、作者</text>
@@ -391,8 +391,9 @@ onShow(() => {
}
&__logo {
width: 82rpx;
height: 62rpx;
width: 62rpx;
height: 42rpx;
padding: 20rpx;
flex-shrink: 0;
}
@@ -419,7 +420,7 @@ onShow(() => {
}
.community-toolbar {
height: 88rpx;
height: 68rpx;
display: flex;
align-items: center;
gap: 12rpx;
@@ -432,9 +433,10 @@ onShow(() => {
align-items: center;
gap: 8rpx;
margin-bottom: 0;
margin-right: 20rpx;
padding: 0 14rpx 0 9rpx;
border: 1rpx solid #bdd5ff;
border-radius: 999rpx;
border-radius: 10rpx;
color: #1468f5;
background: #fafdff;
box-sizing: border-box;
@@ -463,7 +465,7 @@ onShow(() => {
.community-nav {
flex: 0 1 auto;
height: 88rpx;
height: 68rpx;
display: flex;
align-items: flex-end;
gap: 18rpx;
@@ -474,7 +476,7 @@ onShow(() => {
&__item {
position: relative;
flex: 0 0 auto;
height: 88rpx;
height: 68rpx;
padding: 0 10rpx;
display: flex;
align-items: center;
@@ -488,7 +490,7 @@ onShow(() => {
}
&--active {
color: #1468f5;
color: #4f4f4f;
text {
font-weight: 700;
@@ -499,10 +501,10 @@ onShow(() => {
bottom: 0;
left: 50%;
width: 46rpx;
height: 5rpx;
height: 3rpx;
border-radius: 99rpx;
content: '';
background: #1468f5;
background: #4f4f4f;
transform: translateX(-50%);
}
}