xiaoyu/topfans
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 替换字体

Browse Source
This commit is contained in:
zheng020 2026-05-13 16:34:50 +08:00
parent 8b03809c7a
commit 6e09afe843
26 changed files with 101 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/App.vue
View File

@ -38,9 +38,18 @@ export default {
font-display: swap; font-display: swap;
} }
/* 引入圆体字体 */
@font-face {
font-family: 'yt';
src: url('/static/fonts/经典圆体简.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* 全局字体设置 */ /* 全局字体设置 */
body { body {
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* App 容器 */ /* App 容器 */

20
frontend/pages/asset-detail/asset-detail.vue
View File

@ -462,7 +462,7 @@ onUnmounted(() => {
.loading-text { .loading-text {
font-size: 28rpx; font-size: 28rpx;
color: rgba(255, 255, 255, 0.85); color: rgba(255, 255, 255, 0.85);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
letter-spacing: 4rpx; letter-spacing: 4rpx;
animation: text-breathe 2s ease-in-out infinite; animation: text-breathe 2s ease-in-out infinite;
} }
@ -482,7 +482,7 @@ onUnmounted(() => {
.error-text { .error-text {
font-size: 32rpx; font-size: 32rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.retry-btn { .retry-btn {
@ -558,7 +558,7 @@ onUnmounted(() => {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #e6e6e6; color: #e6e6e6;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
@ -579,7 +579,7 @@ onUnmounted(() => {
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
@ -610,7 +610,7 @@ onUnmounted(() => {
.owner-label { .owner-label {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.6); text-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.6);
} }
@ -618,7 +618,7 @@ onUnmounted(() => {
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.7); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.7);
} }
@ -633,14 +633,14 @@ onUnmounted(() => {
.acquire-label { .acquire-label {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.6); text-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.6);
} }
.acquire-value { .acquire-value {
font-size: 32rpx; font-size: 32rpx;
color: #ffffff; color: #ffffff;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.7); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.7);
} }
@ -666,7 +666,7 @@ onUnmounted(() => {
.chain-label { .chain-label {
font-size: 28rpx; font-size: 28rpx;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
flex-shrink: 0; flex-shrink: 0;
margin-right: 20rpx; margin-right: 20rpx;
} }
@ -674,7 +674,7 @@ onUnmounted(() => {
.chain-value { .chain-value {
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-align: right; text-align: right;
flex: 1; flex: 1;
word-break: break-all; word-break: break-all;

2
frontend/pages/castlove/craft-select.vue
View File

@ -291,7 +291,7 @@ export default {
line-height: 88rpx; line-height: 88rpx;
border-radius: 44rpx; border-radius: 44rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-weight: 600; font-weight: 600;
border: none; border: none;
display: flex; display: flex;

8
frontend/pages/castlove/create.vue
View File

@ -766,7 +766,7 @@ onMounted(() => {
font-size: 48rpx; font-size: 48rpx;
color: #ffffff; color: #ffffff;
font-weight: 700; font-weight: 700;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.5); text-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.5);
background-clip: text; background-clip: text;
@ -853,7 +853,7 @@ onMounted(() => {
font-size: 36rpx; font-size: 36rpx;
color: #e6e6e6; color: #e6e6e6;
font-weight: 500; font-weight: 500;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
padding: 18rpx 18rpx; padding: 18rpx 18rpx;
background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%); background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%);
border-radius: 44rpx; border-radius: 44rpx;
@ -1022,7 +1022,7 @@ onMounted(() => {
font-size: 36rpx; font-size: 36rpx;
color: #e6e6e6; color: #e6e6e6;
font-weight: 500; font-weight: 500;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
padding: 18rpx 18rpx; padding: 18rpx 18rpx;
background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%); background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%);
border-radius: 44rpx; border-radius: 44rpx;
@ -1118,7 +1118,7 @@ onMounted(() => {
line-height: 88rpx; line-height: 88rpx;
border-radius: 44rpx; border-radius: 44rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-weight: 600; font-weight: 600;
border: none; border: none;
display: flex; display: flex;

4
frontend/pages/castlove/index.vue
View File

@ -754,7 +754,7 @@ const resetForm = () => {
font-size: 36rpx; font-size: 36rpx;
color: #e6e6e6; color: #e6e6e6;
font-weight: 500; font-weight: 500;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
padding: 18rpx 18rpx; padding: 18rpx 18rpx;
background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%); background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%);
border-radius: 44rpx; border-radius: 44rpx;
@ -931,7 +931,7 @@ const resetForm = () => {
line-height: 88rpx; line-height: 88rpx;
border-radius: 44rpx; border-radius: 44rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-weight: 600; font-weight: 600;
border: none; border: none;
display: flex; display: flex;

4
frontend/pages/castlove/success.vue
View File

@ -178,7 +178,7 @@ const handleViewDetails = () => {
.title-text { .title-text {
font-size: 72rpx; font-size: 72rpx;
font-weight: bold; font-weight: bold;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
color: #e6e6e6; color: #e6e6e6;
text-shadow: text-shadow:
0 4rpx 20rpx rgba(255, 107, 157, 0.8), 0 4rpx 20rpx rgba(255, 107, 157, 0.8),
@ -257,7 +257,7 @@ const handleViewDetails = () => {
line-height: 88rpx; line-height: 88rpx;
border-radius: 44rpx; border-radius: 44rpx;
font-size: 36rpx; font-size: 36rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-weight: 600; font-weight: 600;
border: none; border: none;
background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%); background: linear-gradient(165deg, #F0E4B1 0%, #F08399 50%, #B94E73 90%, #834B9E 100%);

2
frontend/pages/components/AssetSelector.vue
View File

@ -432,7 +432,7 @@ const handleTouchEnd = (e) => {
text-align: center; text-align: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
margin-top: 30rpx; margin-top: 30rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
flex-shrink: 0; flex-shrink: 0;
} }

17
frontend/pages/components/CastloveContent.vue
View File

@ -30,7 +30,7 @@
<!-- 区域二：主Tab标签区（星卡/吧唧/海报） --> <!-- 区域二：主Tab标签区（星卡/吧唧/海报） -->
<view class="main-tab-section"> <view class="main-tab-section">
<view v-for="(tab, index) in mainTabs" :key="index" class="tab-item" @click="handleMainTabClick(tab)"> <view v-for="(tab, index) in mainTabs" :key="index" class="tab-item" @click="handleMainTabClick(tab)">
<image class="tab-icon" :src="tab.icon" mode="aspectFit" :style="{ width: tab.width + 'rpx', height: tab.height + 'rpx', borderRadius: tab.type === 'badge' ? '50%' : '0' }"></image> <image class="tab-icon" :src="tab.icon" mode="aspectFit" :style="{ width: tab.width + 'rpx', height: tab.height + 'rpx', borderRadius: tab.type === 'badge' ? '50%' : '0', transform: 'rotate(' + tab.rotate + 'deg)' }"></image>
<text class="tab-name">{{ tab.name }}</text> <text class="tab-name">{{ tab.name }}</text>
</view> </view>
</view> </view>
@ -108,22 +108,25 @@ const mainTabs = ref([
name: '星卡', name: '星卡',
type: 'star_card', type: 'star_card',
icon: '/static/square/xingka.png', icon: '/static/square/xingka.png',
width: 120, width: 96,
height: 120 height: 96,
rotate: -15
}, },
{ {
name: '吧唧', name: '吧唧',
type: 'badge', type: 'badge',
icon: '/static/square/baji.png', icon: '/static/square/baji.png',
width: 100, width: 100,
height: 100 height: 100,
rotate: 0
}, },
{ {
name: '海报', name: '海报',
type: 'poster', type: 'poster',
icon: '/static/square/haibao.png', icon: '/static/square/haibao.png',
width: 100, width: 100,
height: 140 height: 108,
rotate: -15
} }
]); ]);
@ -504,7 +507,7 @@ const handleBack = () => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: space-around;
width: 200rpx; width: 200rpx;
height: 200rpx; height: 200rpx;
background: linear-gradient(135deg, rgba(240, 228, 177, 0.3), rgba(240, 131, 153, 0.3)); background: linear-gradient(135deg, rgba(240, 228, 177, 0.3), rgba(240, 131, 153, 0.3));
@ -521,7 +524,7 @@ const handleBack = () => {
.tab-icon { .tab-icon {
margin-bottom: 12rpx; margin-bottom: 12rpx;
object-fit: cover; object-fit: cover;
box-shadow: 16rpx 16rpx 16rpx rgba(229, 76, 93, 0.9); box-shadow: 8rpx 8rpx 16rpx rgba(229, 76, 93, 0.9);
} }
.tab-name { .tab-name {

4
frontend/pages/components/FriendsContent.vue
View File

@ -1129,7 +1129,7 @@
.friend-nickname { .friend-nickname {
font-size: 36rpx; font-size: 36rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
color: #333333; color: #333333;
font-weight: normal; font-weight: normal;
} }
@ -1185,7 +1185,7 @@
.action-label { .action-label {
font-size: 20rpx; font-size: 20rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
} }

2
frontend/pages/components/Header.vue
View File

@ -548,7 +548,7 @@ defineExpose({
font-size: 24rpx; font-size: 24rpx;
font-weight: bold; font-weight: bold;
color: #FFB800; color: #FFB800;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: text-shadow:
0 0 10rpx rgba(255, 184, 0, 0.8), 0 0 10rpx rgba(255, 184, 0, 0.8),
0 2rpx 4rpx rgba(0, 0, 0, 0.5); 0 2rpx 4rpx rgba(0, 0, 0, 0.5);

10
frontend/pages/components/RankingListItem.vue
View File

@ -238,7 +238,7 @@ const handleArtworkError = (e) => {
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* 左侧区域 - 图片和昵称 */ /* 左侧区域 - 图片和昵称 */
@ -330,7 +330,7 @@ const handleArtworkError = (e) => {
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.user-nickname-name{ .user-nickname-name{
@ -340,7 +340,7 @@ const handleArtworkError = (e) => {
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.user-nickname.nickname-overlay{ .user-nickname.nickname-overlay{
@ -388,7 +388,7 @@ const handleArtworkError = (e) => {
text-shadow: text-shadow:
0 2rpx 4rpx rgba(0, 0, 0, 0.4), 0 2rpx 4rpx rgba(0, 0, 0, 0.4),
0 1rpx 2rpx rgba(0, 0, 0, 0.3); 0 1rpx 2rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* 拜访按钮 - 只显示图标 */ /* 拜访按钮 - 只显示图标 */
@ -500,6 +500,6 @@ const handleArtworkError = (e) => {
font-size: 32rpx; font-size: 32rpx;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
</style> </style>

22
frontend/pages/components/RankingModal.vue
View File

@ -1485,7 +1485,7 @@ const handleTouchEnd = (e) => {
.tab-text { .tab-text {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
transition: all 0.3s ease; transition: all 0.3s ease;
position: relative; position: relative;
@ -1545,7 +1545,7 @@ const handleTouchEnd = (e) => {
.placeholder-text { .placeholder-text {
font-size: 32rpx; font-size: 32rpx;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2); text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
} }
@ -1586,7 +1586,7 @@ const handleTouchEnd = (e) => {
margin-top: 20rpx; margin-top: 20rpx;
font-size: 28rpx; font-size: 28rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* 错误容器 */ /* 错误容器 */
@ -1602,7 +1602,7 @@ const handleTouchEnd = (e) => {
.error-text { .error-text {
font-size: 28rpx; font-size: 28rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-align: center; text-align: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
@ -1614,7 +1614,7 @@ const handleTouchEnd = (e) => {
border: none; border: none;
color: #FFFFFF; color: #FFFFFF;
font-size: 28rpx; font-size: 28rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
box-shadow: 0 4rpx 12rpx rgba(255, 107, 157, 0.3); box-shadow: 0 4rpx 12rpx rgba(255, 107, 157, 0.3);
} }
@ -1644,7 +1644,7 @@ const handleTouchEnd = (e) => {
.empty-text { .empty-text {
font-size: 30rpx; font-size: 30rpx;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2); text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.2);
} }
@ -1676,7 +1676,7 @@ const handleTouchEnd = (e) => {
.loading-more-text { .loading-more-text {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* 没有更多数据提示 */ /* 没有更多数据提示 */
@ -1690,7 +1690,7 @@ const handleTouchEnd = (e) => {
.no-more-text { .no-more-text {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* 底部占位，防止内容被当前用户栏遮挡 */ /* 底部占位，防止内容被当前用户栏遮挡 */
@ -1762,7 +1762,7 @@ const handleTouchEnd = (e) => {
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
color: #FFFFFF; color: #FFFFFF;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
@ -1784,7 +1784,7 @@ const handleTouchEnd = (e) => {
font-size: 26rpx; font-size: 26rpx;
margin-left: 8rpx; margin-left: 8rpx;
color: rgba(255, 255, 255, 0.95); color: rgba(255, 255, 255, 0.95);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-weight: 500; font-weight: 500;
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
} }
@ -1799,7 +1799,7 @@ const handleTouchEnd = (e) => {
.rank-text { .rank-text {
font-size: 30rpx; font-size: 30rpx;
color: #FFFFFF; color: #FFFFFF;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);

10
frontend/pages/components/TOP3Card.vue
View File

@ -368,7 +368,7 @@
text-shadow: text-shadow:
0 2rpx 4rpx rgba(0, 0, 0, 0.5), 0 2rpx 4rpx rgba(0, 0, 0, 0.5),
0 1rpx 2rpx rgba(0, 0, 0, 0.3); 0 1rpx 2rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.popularity-overlay .fire-icon { .popularity-overlay .fire-icon {
@ -383,7 +383,7 @@
text-shadow: text-shadow:
0 2rpx 4rpx rgba(0, 0, 0, 0.5), 0 2rpx 4rpx rgba(0, 0, 0, 0.5),
0 1rpx 2rpx rgba(0, 0, 0, 0.3); 0 1rpx 2rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* 头像容器（居中显示，大尺寸） */ /* 头像容器（居中显示，大尺寸） */
@ -436,7 +436,7 @@
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.user-nickname-name{ .user-nickname-name{
@ -446,7 +446,7 @@
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* 响应式布局 */ /* 响应式布局 */
@ -788,6 +788,6 @@
font-size: 32rpx; font-size: 32rpx;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
</style> </style>

10
frontend/pages/components/TaskModal.vue
View File

@ -232,7 +232,7 @@ const handleCloseClick = (e) => {
color: #e6e6e6; color: #e6e6e6;
text-align: center; text-align: center;
margin-bottom: 40rpx; margin-bottom: 40rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
} }
@ -255,7 +255,7 @@ const handleCloseClick = (e) => {
flex: 1; flex: 1;
font-size: 28rpx; font-size: 28rpx;
color: #e6e6e6; color: #e6e6e6;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
} }
@ -263,7 +263,7 @@ const handleCloseClick = (e) => {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #FFB800; color: #FFB800;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
margin-right: 10rpx; margin-right: 10rpx;
text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
} }
@ -288,7 +288,7 @@ const handleCloseClick = (e) => {
font-size: 24rpx; font-size: 24rpx;
min-height: 30rpx; min-height: 30rpx;
color: #e6e6e6; color: #e6e6e6;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
} }
@ -353,7 +353,7 @@ const handleCloseClick = (e) => {
.node-label { .node-label {
font-size: 20rpx; font-size: 20rpx;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.progress-node.active .node-label { .progress-node.active .node-label {

14
frontend/pages/exhibition/exhibition.vue
View File

@ -1663,7 +1663,7 @@ export default {
.gallery-owner-title-text { .gallery-owner-title-text {
font-size: 36rpx; font-size: 36rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
color: #e6e6e6; color: #e6e6e6;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.6); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.6);
letter-spacing: 4rpx; letter-spacing: 4rpx;
@ -1732,7 +1732,7 @@ export default {
position: absolute; position: absolute;
left: 80rpx; left: 80rpx;
bottom: 45rpx; bottom: 45rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-size: 32rpx; font-size: 32rpx;
color: #e6e6e6; color: #e6e6e6;
z-index: 3; z-index: 3;
@ -1836,7 +1836,7 @@ export default {
text-align: center; text-align: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
margin-top: 30rpx; margin-top: 30rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
flex-shrink: 0; flex-shrink: 0;
} }
@ -2062,7 +2062,7 @@ export default {
text-align: center; text-align: center;
display: block; display: block;
margin-bottom: 30rpx; margin-bottom: 30rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.confirm-content { .confirm-content {
@ -2132,7 +2132,7 @@ export default {
border-radius: 50rpx; border-radius: 50rpx;
border: 4rpx solid #e6e6e6; border: 4rpx solid #e6e6e6;
font-size: 48rpx; font-size: 48rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
color: #e6e6e6; color: #e6e6e6;
display: flex; display: flex;
align-items: center; align-items: center;
@ -2166,7 +2166,7 @@ export default {
font-size: 22rpx; font-size: 22rpx;
font-weight: bold; font-weight: bold;
color: #e6e6e6; color: #e6e6e6;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.8); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.8);
z-index: 10; z-index: 10;
/* 使用等宽数字，防止数字宽度变化导致跳动 */ /* 使用等宽数字，防止数字宽度变化导致跳动 */
@ -2191,7 +2191,7 @@ export default {
.like-count-text { .like-count-text {
color: #ffffff; color: #ffffff;
font-size: 24rpx; font-size: 24rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
text-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.85); text-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.85);

4
frontend/pages/profile/selectRole.vue
View File

@ -534,7 +534,7 @@ const handleNext = async () => {
.superstar-text { .superstar-text {
font-size: 120rpx; font-size: 120rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
color: rgba(255, 182, 193, 0.3); color: rgba(255, 182, 193, 0.3);
letter-spacing: 8rpx; letter-spacing: 8rpx;
text-align: left; text-align: left;
@ -563,7 +563,7 @@ const handleNext = async () => {
.promo-title-line { .promo-title-line {
font-size: 48rpx; font-size: 48rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
color: #000000; color: #000000;
line-height: 1.4; line-height: 1.4;
letter-spacing: 6rpx; letter-spacing: 6rpx;

2
frontend/pages/square/components/BannerCarousel.vue
View File

@ -54,7 +54,7 @@ const onTop3DataLoaded = (items) => {
position: relative; position: relative;
width: 100%; width: 100%;
z-index: 100; z-index: 100;
padding: 0 8rpx; padding: 0 16rpx;
box-sizing: border-box; box-sizing: border-box;
} }

2
frontend/pages/support-activity/components/ActionBar.vue
View File

@ -569,7 +569,7 @@ defineExpose({
text-shadow: text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4), 0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3); 0 1rpx 3rpx rgba(0, 0, 0, 0.3);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
/* --- 以下保持原有逻辑样式 --- */ /* --- 以下保持原有逻辑样式 --- */

2
frontend/pages/support-activity/components/FloatingBubbles.vue
View File

@ -573,7 +573,7 @@ function clearAllBubbleRemovalTimers() {
font-size: 17rpx; font-size: 17rpx;
color: #FFA500; color: #FFA500;
white-space: nowrap; white-space: nowrap;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-align: center; text-align: center;
margin-top: 4rpx; margin-top: 4rpx;
} }

2
frontend/pages/support-activity/components/ThemeBanner.vue
View File

@ -178,7 +178,7 @@ const progressPercent = computed(() => {
font-size: 32rpx; font-size: 32rpx;
color: #fff; color: #fff;
text-shadow: 0 0 8rpx rgba(255, 255, 255, 0.6); text-shadow: 0 0 8rpx rgba(255, 255, 255, 0.6);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.progress-bar { .progress-bar {

16
frontend/pages/tasks/GuideModal.vue
View File

@ -578,7 +578,7 @@ const handleClose = () => {
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
text-align: center; text-align: center;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -620,7 +620,7 @@ const handleClose = () => {
border-radius: 8rpx; border-radius: 8rpx;
font-size: 22rpx; font-size: 22rpx;
margin-right: 12rpx; margin-right: 12rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.guide-status-badge.not_started { .guide-status-badge.not_started {
@ -652,7 +652,7 @@ const handleClose = () => {
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
flex: 1; flex: 1;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -663,7 +663,7 @@ const handleClose = () => {
.guide-desc { .guide-desc {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -689,7 +689,7 @@ const handleClose = () => {
.progress-text { .progress-text {
font-size: 22rpx; font-size: 22rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -707,7 +707,7 @@ const handleClose = () => {
border-radius: 25rpx; border-radius: 25rpx;
font-size: 24rpx; font-size: 24rpx;
font-weight: bold; font-weight: bold;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -766,7 +766,7 @@ const handleClose = () => {
text-align: center; text-align: center;
margin-bottom: 8rpx; margin-bottom: 8rpx;
font-weight: bold; font-weight: bold;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -774,7 +774,7 @@ const handleClose = () => {
font-size: 26rpx; font-size: 26rpx;
color: #FFD700; color: #FFD700;
text-align: center; text-align: center;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
</style> </style>

22
frontend/pages/tasks/daily-tasks.vue
View File

@ -593,7 +593,7 @@ const handleCloseClick = (e) => {
font-size: 24rpx; font-size: 24rpx;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.4); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.4);
} }
@ -624,7 +624,7 @@ const handleCloseClick = (e) => {
.error-text { .error-text {
color: #e6e6e6; color: #e6e6e6;
font-size: 28rpx; font-size: 28rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
} }
@ -635,7 +635,7 @@ const handleCloseClick = (e) => {
color: #fff; color: #fff;
border-radius: 50rpx; border-radius: 50rpx;
font-size: 28rpx; font-size: 28rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
} }
.empty-state { .empty-state {
@ -648,7 +648,7 @@ const handleCloseClick = (e) => {
.empty-text { .empty-text {
color: #e6e6e6; color: #e6e6e6;
font-size: 28rpx; font-size: 28rpx;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3); text-shadow: 0 4rpx 4rpx rgba(0, 0, 0, 0.3);
} }
@ -691,14 +691,14 @@ const handleCloseClick = (e) => {
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
.task-progress { .task-progress {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -768,7 +768,7 @@ const handleCloseClick = (e) => {
font-size: 22rpx; font-size: 22rpx;
color: #FFD700; color: #FFD700;
font-weight: bold; font-weight: bold;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
min-width: 30rpx; min-width: 30rpx;
} }
@ -801,7 +801,7 @@ const handleCloseClick = (e) => {
.status-text { .status-text {
font-size: 24rpx; font-size: 24rpx;
color: #fff; color: #fff;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -830,7 +830,7 @@ const handleCloseClick = (e) => {
color: #fff; color: #fff;
font-size: 24rpx; font-size: 24rpx;
font-weight: bold; font-weight: bold;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -922,7 +922,7 @@ const handleCloseClick = (e) => {
font-size: 22rpx; font-size: 22rpx;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
} }
@ -940,7 +940,7 @@ const handleCloseClick = (e) => {
border-radius: 50rpx; border-radius: 50rpx;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif; font-family: 'yt', sans-serif;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3); text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.3);
box-shadow: 0 8rpx 20rpx rgba(240, 131, 153, 0.4); box-shadow: 0 8rpx 20rpx rgba(240, 131, 153, 0.4);
} }

BIN
frontend/static/fonts/经典圆体简.ttf Normal file
View File

Binary file not shown.

BIN
frontend/static/square/baji.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 614 KiB

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
frontend/static/square/haibao.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 631 KiB

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
frontend/static/square/xingka.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 615 KiB

After

Width:  |  Height:  |  Size: 3.1 MiB