style: css

config/index.ts

@@ -35,6 +35,10 @@ export default defineConfig<'vite'>(async (merge) => {
     },
     copy: {
       patterns: [
+        {
+          from: 'src/assets/icons/',
+          to: 'assets/icons/'
+        }
       ],
       options: {
       }

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 {

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<any[]>([]);
   const [refreshing, setRefreshing] = useState(false);
@@ -137,7 +136,7 @@ export default function History() {
             </View>
           ) : records.length === 0 ? (
             <View className="empty-state">
-              <Text className="empty-icon">☁️</Text>
+              <Image className="empty-icon-image" src="/assets/icons/cloud.png" />
               <Text className="empty-text">暂无创作历史，去发布</Text>
             </View>
           ) : (

src/pages/home/index.config.ts

@@ -1,8 +1,8 @@
 export default definePageConfig({
   navigationBarTitleText: '游乐场',
-  navigationBarBackgroundColor: '#ffffff',
+  navigationBarBackgroundColor: '#F5F6F8',
   navigationBarTextStyle: 'black',
-  backgroundColorTop: '#ffffff',
+  backgroundColorTop: '#F5F6F8',
-  backgroundColorBottom: '#ffffff',
+  backgroundColorBottom: '#F5F6F8',
-  backgroundColor: '#ffffff'
+  backgroundColor: '#F5F6F8'
 })

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<GeneratingComponentProps> = ({ task }) => {
 
         {/* 状态文本 */}
         <View className="status-section">
-          <View className="status-title">生成中...</View>
+          <View className="status-title">
+            <Image className="status-icon-image" src="/assets/icons/funnel.png" />
+            <Text className="status-title-text">生成中...</Text>
+          </View>
           <View className="status-subtitle">内容生成中，请耐心等待</View>
         </View>
 

src/pages/result/index.css

@@ -264,16 +264,20 @@
   margin-bottom: 80px;
 }
 
-.status-icon {
+.status-icon-image {
-  font-size: 40px;
+  width: 44px;
-  margin-bottom: 16px;
+  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 {