From 50f9a1c34630b996a3e58f0e40cc2405ae5ceb82 Mon Sep 17 00:00:00 2001
From: tianyaxiang <tianyaxiang@qq.com>
Date: Sun, 2 Feb 2025 14:54:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/template/WechatStylePicker.tsx | 68 ++++++++++++++++---
 src/config/wechat-templates.ts                |  2 +-
 2 files changed, 61 insertions(+), 9 deletions(-)

diff --git a/src/components/template/WechatStylePicker.tsx b/src/components/template/WechatStylePicker.tsx
index fa13c56..620e014 100644
--- a/src/components/template/WechatStylePicker.tsx
+++ b/src/components/template/WechatStylePicker.tsx
@@ -47,24 +47,76 @@ export function WechatStylePicker({ value, onSelect }: WechatStylePickerProps) {
             >
               <div className="aspect-[4/3] overflow-hidden rounded-md border bg-white">
                 <div className={cn(
-                  "p-4 transform scale-[0.6] origin-top-left",
+                  "transform scale-[0.45] origin-top-left",
                   template.styles
-                )}>
+                )} style={{
+                  backgroundColor: template.id === 'smartisan' ? 'rgb(251, 247, 238)' : 'transparent',
+                  width: '220%',
+                  minHeight: '220%',
+                  padding: template.id === 'smartisan' ? '20px' : '16px',
+                  fontFamily: template.id === 'smartisan' ? 'PingFangSC-regular, -apple-system, BlinkMacSystemFont, sans-serif' : 'inherit',
+                  transform: 'scale(0.45)',
+                  transformOrigin: 'top left',
+                  position: 'relative'
+                }}>
                   <h1 style={{
                     ...template.options?.block?.h1,
-                    fontSize: template.options?.block?.h1?.fontSize || '1.2em'
+                    fontSize: '24px',
+                    color: template.id === 'smartisan' ? '#333333' : undefined,
+                    marginBottom: template.id === 'smartisan' ? '1.5em' : undefined,
+                    textAlign: 'left',
+                    padding: '0',
+                    border: 'none'
                   } as React.CSSProperties}>
-                    标题示例
+                    {template.id === 'smartisan' ? '锤子便签风格' : '标题示例'}
                   </h1>
                   <p style={{
                     ...template.options?.block?.p,
-                    fontSize: template.options?.block?.p?.fontSize || '1em'
+                    fontSize: '16px',
+                    color: template.id === 'smartisan' ? '#333333' : undefined,
+                    lineHeight: template.id === 'smartisan' ? '1.8' : undefined,
+                    margin: '1em 0'
                   } as React.CSSProperties}>
-                    这是一段示例文本，展示不同样式模板的效果。
+                    {template.id === 'smartisan' 
+                      ? '这是锤子便签的经典样式，保持了简约、优雅的设计风格。文字的排版和间距都经过精心调整，让阅读体验更加舒适。'
+                      : '这是一段示例文本，展示不同样式模板的效果。'
+                    }
                   </p>
-                  <blockquote style={template.options?.block?.blockquote as React.CSSProperties}>
-                    引用文本示例
+                  <blockquote style={{
+                    ...template.options?.block?.blockquote as React.CSSProperties,
+                    borderLeft: template.id === 'smartisan' ? '4px solid rgba(0, 0, 0, 0.4)' : undefined,
+                    background: template.id === 'smartisan' ? 'rgba(0, 0, 0, 0.05)' : undefined,
+                    padding: template.id === 'smartisan' ? '1em 1.2em' : undefined,
+                    margin: template.id === 'smartisan' ? '1.2em 0' : undefined,
+                    color: template.id === 'smartisan' ? '#666666' : undefined,
+                    fontSize: '14px'
+                  }}>
+                    {template.id === 'smartisan' 
+                      ? '保持简单，保持优雅'
+                      : '引用文本示例'
+                    }
                   </blockquote>
+                  {template.id === 'smartisan' && (
+                    <ul style={{
+                      ...template.options?.block?.ul as React.CSSProperties,
+                      margin: '1em 0',
+                      paddingLeft: '1.5em',
+                      listStyle: 'disc',
+                      color: '#333333',
+                      fontSize: '14px'
+                    }}>
+                      <li style={{
+                        ...template.options?.inline?.listitem as React.CSSProperties,
+                        margin: '0.5em 0',
+                        lineHeight: '1.8'
+                      }}>精心设计的字体</li>
+                      <li style={{
+                        ...template.options?.inline?.listitem as React.CSSProperties,
+                        margin: '0.5em 0',
+                        lineHeight: '1.8'
+                      }}>舒适的行间距</li>
+                    </ul>
+                  )}
                 </div>
               </div>
               <div className="space-y-1">
diff --git a/src/config/wechat-templates.ts b/src/config/wechat-templates.ts
index d5b5120..90d9e20 100644
--- a/src/config/wechat-templates.ts
+++ b/src/config/wechat-templates.ts
@@ -404,7 +404,7 @@ export const templates: Template[] = [
         blockquote: {
           margin: '1.2em 0',
           padding: '1em 1.2em',
-          borderLeft: '4px solid #FF6E42',
+          borderLeft: '4px solid gba(0, 0, 0, 0.4)',
           background: '#F8F9FA',
           borderRadius: '0 4px 4px 0',
           color: '#666666'