From e6f83fa1cab8da87dcf250e9da822614e0dd6827 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=8F=9C=E8=8F=9C=E9=85=B1?= Date: Fri, 12 Sep 2025 16:11:39 +0800 Subject: [PATCH] style: css --- config/index.ts | 4 ++++ src/assets/icons/cloud.png | Bin 0 -> 3209 bytes src/assets/icons/funnel.png | Bin 0 -> 1311 bytes src/assets/icons/logo.png | Bin 0 -> 2726 bytes src/pages/history/index.css | 9 ++++++++- src/pages/history/index.tsx | 3 +-- src/pages/home/index.config.ts | 8 ++++---- .../result/components/GeneratingComponent.tsx | 7 +++++-- src/pages/result/index.css | 12 ++++++++---- 9 files changed, 30 insertions(+), 13 deletions(-) create mode 100644 src/assets/icons/cloud.png create mode 100644 src/assets/icons/funnel.png create mode 100644 src/assets/icons/logo.png diff --git a/config/index.ts b/config/index.ts index 8841b42..9ae1341 100644 --- a/config/index.ts +++ b/config/index.ts @@ -35,6 +35,10 @@ export default defineConfig<'vite'>(async (merge) => { }, copy: { patterns: [ + { + from: 'src/assets/icons/', + to: 'assets/icons/' + } ], options: { } diff --git a/src/assets/icons/cloud.png b/src/assets/icons/cloud.png new file mode 100644 index 0000000000000000000000000000000000000000..526eed2a03213bc86c0354ab82cf73e12ae1575d GIT binary patch literal 3209 zcmV;440iL0P)fs#q)^)eEh17%8ZQt`FupWKiHRC{5RB*(Z}!3PKw|XK=nF4K z)93>aXhvI$NeM-U6sAD2g^blwDbvoh%(?Be_gc&UU$?!^nNHj3g+y{zX3sfi?|t_A zzyI?6-&%)|(HM=<7>&^wjnVkT4oW`e@z?41##y$on#H^+a$cn{Vk&#InzRVZ=eBR! zbPi5Qa+Su%2JrcV2XB~2>z^TlKLC?%;hf(@h^kXc5MzfZIwzHwQHs4nN&I#y=TC0i zwk;=DIIcOsg9nd|b!huO%HwZT;^>YviPuG(jYo_pj8kobQi>=-M3EQg@}fAEOZm1C z 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 literal 0 HcmV?d00001 diff --git a/src/pages/history/index.css b/src/pages/history/index.css index a97e8c2..0e2bef3 100644 --- a/src/pages/history/index.css +++ b/src/pages/history/index.css @@ -58,11 +58,18 @@ opacity: 0.8; } +.empty-icon-image { + width: 110px; + height:110px; + display: block; + margin: 0 auto; +} + .empty-text { font-size: 24px; color: #B9B9B9; display: block; - margin-bottom: 16px; + margin-top: 32px; } .history-item { diff --git a/src/pages/history/index.tsx b/src/pages/history/index.tsx index 0fffb41..c7fb572 100644 --- a/src/pages/history/index.tsx +++ b/src/pages/history/index.tsx @@ -3,7 +3,6 @@ import Taro, { navigateTo } from '@tarojs/taro'; import { useEffect, useState } from 'react'; import { useServerSdk } from '../../hooks/index'; import './index.css'; - export default function History() { const [records, setRecords] = useState([]); const [refreshing, setRefreshing] = useState(false); @@ -137,7 +136,7 @@ export default function History() { ) : records.length === 0 ? ( - ☁️ + 暂无创作历史，去发布 ) : ( diff --git a/src/pages/home/index.config.ts b/src/pages/home/index.config.ts index 12bdd3a..b9491a7 100644 --- a/src/pages/home/index.config.ts +++ b/src/pages/home/index.config.ts @@ -1,8 +1,8 @@ export default definePageConfig({ navigationBarTitleText: '游乐场', - navigationBarBackgroundColor: '#ffffff', + navigationBarBackgroundColor: '#F5F6F8', navigationBarTextStyle: 'black', - backgroundColorTop: '#ffffff', - backgroundColorBottom: '#ffffff', - backgroundColor: '#ffffff' + backgroundColorTop: '#F5F6F8', + backgroundColorBottom: '#F5F6F8', + backgroundColor: '#F5F6F8' }) diff --git a/src/pages/result/components/GeneratingComponent.tsx b/src/pages/result/components/GeneratingComponent.tsx index 5599c87..6b3524d 100644 --- a/src/pages/result/components/GeneratingComponent.tsx +++ b/src/pages/result/components/GeneratingComponent.tsx @@ -1,4 +1,4 @@ -import { Image, View } from '@tarojs/components'; +import { Image, View,Text } from '@tarojs/components'; import { navigateBack } from '@tarojs/taro'; import { useEffect, useState } from 'react'; @@ -80,7 +80,10 @@ const GeneratingComponent: React.FC = ({ task }) => { {/* 状态文本 */} - 生成中... + + + 生成中... + 内容生成中，请耐心等待 diff --git a/src/pages/result/index.css b/src/pages/result/index.css index 3f724d2..787bbf9 100644 --- a/src/pages/result/index.css +++ b/src/pages/result/index.css @@ -264,16 +264,20 @@ margin-bottom: 80px; } -.status-icon { - font-size: 40px; - margin-bottom: 16px; +.status-icon-image { + width: 44px; + height: 44px; + margin-right: 8px; } .status-title { + display: flex; + align-items: center; + justify-content: center; font-size: 40px; font-weight: 500; color: #1D1F22; - margin-bottom: 12px; + margin-bottom: 24px; } .status-subtitle {