feat: 替换字体

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

View File

@ -38,9 +38,18 @@ export default {
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 {
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
font-family: 'yt', sans-serif;
}
/* App 容器 */

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -30,7 +30,7 @@
<!-- 区域二主Tab标签区星卡/吧唧/海报 -->
<view class="main-tab-section">
<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>
</view>
</view>
@ -108,22 +108,25 @@ const mainTabs = ref([
name: '星卡',
type: 'star_card',
icon: '/static/square/xingka.png',
width: 120,
height: 120
width: 96,
height: 96,
rotate: -15
},
{
name: '吧唧',
type: 'badge',
icon: '/static/square/baji.png',
width: 100,
height: 100
height: 100,
rotate: 0
},
{
name: '海报',
type: 'poster',
icon: '/static/square/haibao.png',
width: 100,
height: 140
height: 108,
rotate: -15
}
]);
@ -504,7 +507,7 @@ const handleBack = () => {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
justify-content: space-around;
width: 200rpx;
height: 200rpx;
background: linear-gradient(135deg, rgba(240, 228, 177, 0.3), rgba(240, 131, 153, 0.3));
@ -521,7 +524,7 @@ const handleBack = () => {
.tab-icon {
margin-bottom: 12rpx;
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 {

View File

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

View File

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

View File

@ -238,7 +238,7 @@ const handleArtworkError = (e) => {
text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4),
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:
0 3rpx 6rpx rgba(0, 0, 0, 0.4),
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{
@ -340,7 +340,7 @@ const handleArtworkError = (e) => {
text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4),
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{
@ -388,7 +388,7 @@ const handleArtworkError = (e) => {
text-shadow:
0 2rpx 4rpx rgba(0, 0, 0, 0.4),
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-weight: 600;
color: #333333;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
font-family: 'yt', sans-serif;
}
</style>

View File

@ -1485,7 +1485,7 @@ const handleTouchEnd = (e) => {
.tab-text {
font-size: 24rpx;
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);
transition: all 0.3s ease;
position: relative;
@ -1545,7 +1545,7 @@ const handleTouchEnd = (e) => {
.placeholder-text {
font-size: 32rpx;
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);
}
@ -1586,7 +1586,7 @@ const handleTouchEnd = (e) => {
margin-top: 20rpx;
font-size: 28rpx;
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 {
font-size: 28rpx;
color: rgba(255, 255, 255, 0.8);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
font-family: 'yt', sans-serif;
text-align: center;
margin-bottom: 30rpx;
}
@ -1614,7 +1614,7 @@ const handleTouchEnd = (e) => {
border: none;
color: #FFFFFF;
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);
}
@ -1644,7 +1644,7 @@ const handleTouchEnd = (e) => {
.empty-text {
font-size: 30rpx;
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);
}
@ -1676,7 +1676,7 @@ const handleTouchEnd = (e) => {
.loading-more-text {
font-size: 24rpx;
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 {
font-size: 24rpx;
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-weight: bold;
color: #FFFFFF;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
font-family: 'yt', sans-serif;
text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3);
@ -1784,7 +1784,7 @@ const handleTouchEnd = (e) => {
font-size: 26rpx;
margin-left: 8rpx;
color: rgba(255, 255, 255, 0.95);
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
font-family: 'yt', sans-serif;
font-weight: 500;
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
}
@ -1799,7 +1799,7 @@ const handleTouchEnd = (e) => {
.rank-text {
font-size: 30rpx;
color: #FFFFFF;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
font-family: 'yt', sans-serif;
text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4),
0 1rpx 3rpx rgba(0, 0, 0, 0.3);

View File

@ -368,7 +368,7 @@
text-shadow:
0 2rpx 4rpx rgba(0, 0, 0, 0.5),
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 {
@ -383,7 +383,7 @@
text-shadow:
0 2rpx 4rpx rgba(0, 0, 0, 0.5),
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:
0 3rpx 6rpx rgba(0, 0, 0, 0.4),
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{
@ -446,7 +446,7 @@
text-shadow:
0 3rpx 6rpx rgba(0, 0, 0, 0.4),
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-weight: 600;
color: #333333;
font-family: 'PingFang SC', 'Noto Sans SC', sans-serif;
font-family: 'yt', sans-serif;
}
</style>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -178,7 +178,7 @@ const progressPercent = computed(() => {
font-size: 32rpx;
color: #fff;
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 {

View File

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

View File

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

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 614 KiB

After

Width:  |  Height:  |  Size: 3.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 631 KiB

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 615 KiB

After

Width:  |  Height:  |  Size: 3.1 MiB