style: css

src/components/TemplateCard/index.tsx

@@ -159,7 +159,9 @@ export default function TemplateCard({ template, onClick }: TemplateCardProps) {
 
             {/* 模板名称悬浮 - 图片底部 */}
             <View className="name-overlay">
-              <Text className="name-badge">{template.name}</Text>
+              <Text className="name-badge">✨{template.name}</Text>
+            </View>
+            <View className='watermark'>
               <Text className="watermark-text">内容由AI生成</Text>
             </View>
           </View>

src/pages/history/index.config.ts

@@ -1,5 +1,5 @@
 export default definePageConfig({
-  navigationBarTitleText: '我的作品',
+  navigationBarTitleText: '',
   navigationBarBackgroundColor: '#ffffff',
   navigationBarTextStyle: 'black',
   backgroundColorTop: '#ffffff',

src/pages/history/index.css

@@ -4,7 +4,15 @@
   display: flex;
   flex-direction: column;
 }
-
+.history-header {
+  padding: 32px 0;
+}
+.history-title {
+  font-size: 48px;
+  font-weight: 500;
+  color: #1D1F22;
+  padding: 0 32px;
+}
 .history-list {
   height: 100vh;
   padding: 0;
@@ -57,20 +65,9 @@
   margin-bottom: 16px;
 }
 
-.empty-desc {
-  font-size: 28px;
-  color: #666;
-  display: block;
-  opacity: 0.8;
-  line-height: 1.6;
-  white-space: pre-line;
-  text-align: center;
-}
-
 .history-item {
-  background: #fff;
   border-radius: 12px;
-  padding: 20px;
+  padding: 8px 20px;
   margin-bottom: 8px;
   display: flex;
   align-items: center;
@@ -137,7 +134,7 @@
 .item-title {
   font-size: 28px;
   font-weight: 600;
-  color: #333;
+  color: #1D1F22;
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -236,7 +233,7 @@
 
 .item-time {
   font-size: 22px;
-  color: #999;
+  color: #B9B9B9;
   font-weight: 400;
   opacity: 0.7;
 }

src/pages/history/index.tsx

@@ -118,6 +118,9 @@ export default function History() {
 
   return (
     <View className="history">
+      {/* <View className="history-header">
+        <Text className="history-title">我的作品</Text>
+      </View> */}
       <ScrollView
         className="history-list"
         scrollY
@@ -141,7 +144,6 @@ export default function History() {
             records.map(record => {
               const progress = calculateProgress(record);
               const isGenerating = record.status === 'processing';
-
               return (
                 <View key={record.id} className="history-item" onClick={() => handleItemClick(record)}>
                   <View className="item-thumbnail">
@@ -156,7 +158,7 @@ export default function History() {
                             <View className="thumbnail-glassmorphism" />
                             <View className="thumbnail-progress">
                               <View className="thumbnail-progress-circle">
-                                <View
+                                <View 
                                   className="thumbnail-progress-fill"
                                   style={{
                                     background: `conic-gradient(#ff9500 ${progress * 3.6}deg, transparent 0deg)`,