初始化参股

前端/static/README.md

@@ -0,0 +1,48 @@
+# 静态资源说明
+
+## 目录结构
+
+```
+static/
+├── icons/                  # 图标文件
+│   ├── home.svg           # 首页图标（未选中）
+│   ├── home-active.svg    # 首页图标（选中）
+│   ├── cases.svg          # 案例图标（未选中）
+│   ├── cases-active.svg   # 案例图标（选中）
+│   ├── service.svg        # 服务图标（未选中）
+│   ├── service-active.svg # 服务图标（选中）
+│   ├── user.svg           # 我的图标（未选中）
+│   ├── user-active.svg    # 我的图标（选中）
+│   └── README.md          # 图标转换说明
+├── images/                 # 图片资源
+│   ├── default-avatar.svg # 默认头像
+│   └── logo.svg           # 公司Logo
+└── mock/                   # Mock数据图片
+    ├── banner1.svg        # 轮播图1
+    ├── banner2.svg        # 轮播图2
+    ├── banner3.svg        # 轮播图3
+    ├── case1-before.svg   # 案例1翻新前
+    ├── case1-after.svg    # 案例1翻新后
+    └── ...                # 更多案例图片
+```
+
+## 重要说明
+
+### TabBar 图标
+微信小程序 TabBar **只支持 PNG 格式**，请参考 `icons/README.md` 将 SVG 转换为 PNG。
+
+### 图片尺寸规范
+
+1. **轮播图**：建议尺寸 750x320 像素
+2. **案例图片**：建议尺寸 750x500 像素
+3. **图标**：建议使用 PNG 格式，支持透明背景
+4. **颜色规范**：
+   - 主色：#D4A574
+   - 选中色：#D4A574
+   - 未选中色：#999999
+
+## 注意事项
+
+- 图片需要进行压缩优化，减小文件体积
+- 图标建议使用纯色，便于主题切换
+- 正式上线前需替换 Mock 图片为真实图片

前端/static/icons/README.md

@@ -0,0 +1,54 @@
+# 图标转换说明
+
+## 问题
+微信小程序 TabBar 图标只支持 PNG 格式，不支持 SVG。
+
+## 解决方案
+
+### 方法一：在线转换（推荐）
+1. 访问 https://svgtopng.com/ 或 https://cloudconvert.com/svg-to-png
+2. 上传 SVG 文件
+3. 设置输出尺寸为 81x81 像素
+4. 下载 PNG 文件并替换到 static/icons/ 目录
+
+### 方法二：使用设计工具
+1. 使用 Figma / Sketch / PS 打开 SVG
+2. 导出为 81x81 像素的 PNG
+3. 保存到 static/icons/ 目录
+
+### 方法三：使用命令行工具
+安装 sharp 或 imagemagick：
+
+```bash
+# 使用 Node.js sharp
+npm install sharp
+node convert-icons.js
+
+# 或使用 ImageMagick
+convert home.svg -resize 81x81 home.png
+```
+
+## 需要转换的文件
+
+| SVG 文件 | 输出 PNG | 尺寸 |
+|----------|----------|------|
+| home.svg | home.png | 81x81 |
+| home-active.svg | home-active.png | 81x81 |
+| cases.svg | cases.png | 81x81 |
+| cases-active.svg | cases-active.png | 81x81 |
+| service.svg | service.png | 81x81 |
+| service-active.svg | service-active.png | 81x81 |
+| user.svg | user.png | 81x81 |
+| user-active.svg | user-active.png | 81x81 |
+
+## 配色参考
+
+- 未选中颜色：#999999
+- 选中颜色：#D4A574（主题色）
+
+## 图标设计规范
+
+1. 图标尺寸：81x81 像素
+2. 安全区域：边距 10 像素
+3. 图标风格：线性或填充图标
+4. 背景：透明

前端/static/images/default-avatar.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
+  <circle cx="100" cy="100" r="100" fill="#E8E8E8"/>
+  <circle cx="100" cy="75" r="35" fill="#BDBDBD"/>
+  <ellipse cx="100" cy="155" rx="50" ry="35" fill="#BDBDBD"/>
+</svg>

前端/static/images/logo.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
+  <defs>
+    <linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#D4A574"/>
+      <stop offset="100%" style="stop-color:#B8895A"/>
+    </linearGradient>
+  </defs>
+  <circle cx="100" cy="100" r="95" fill="url(#logoGradient)"/>
+  <text x="100" y="115" text-anchor="middle" font-size="48" font-weight="bold" fill="white" font-family="Arial">优艺家</text>
+</svg>

前端/static/mock/banner1.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 320" width="750" height="320">
+  <defs>
+    <linearGradient id="bannerGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#D4A574"/>
+      <stop offset="100%" style="stop-color:#B8895A"/>
+    </linearGradient>
+  </defs>
+  <rect width="750" height="320" fill="url(#bannerGradient)"/>
+  <text x="375" y="140" text-anchor="middle" font-size="48" font-weight="bold" fill="white" font-family="Arial">专业沙发翻新服务</text>
+  <text x="375" y="200" text-anchor="middle" font-size="28" fill="rgba(255,255,255,0.8)" font-family="Arial">让旧沙发焕发新生</text>
+</svg>

前端/static/mock/banner2.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 320" width="750" height="320">
+  <defs>
+    <linearGradient id="bannerGradient2" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#67C23A"/>
+      <stop offset="100%" style="stop-color:#529b2e"/>
+    </linearGradient>
+  </defs>
+  <rect width="750" height="320" fill="url(#bannerGradient2)"/>
+  <text x="375" y="140" text-anchor="middle" font-size="48" font-weight="bold" fill="white" font-family="Arial">十年品质保证</text>
+  <text x="375" y="200" text-anchor="middle" font-size="28" fill="rgba(255,255,255,0.8)" font-family="Arial">质保期内免费维护</text>
+</svg>

前端/static/mock/banner3.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 320" width="750" height="320">
+  <defs>
+    <linearGradient id="bannerGradient3" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#409EFF"/>
+      <stop offset="100%" style="stop-color:#337ecc"/>
+    </linearGradient>
+  </defs>
+  <rect width="750" height="320" fill="url(#bannerGradient3)"/>
+  <text x="375" y="140" text-anchor="middle" font-size="48" font-weight="bold" fill="white" font-family="Arial">免费上门评估</text>
+  <text x="375" y="200" text-anchor="middle" font-size="28" fill="rgba(255,255,255,0.8)" font-family="Arial">专业师傅为您量身定制方案</text>
+</svg>

前端/static/mock/case1-after.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#D4A574"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.8)" font-family="Arial">翻新后</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.6)" font-family="Arial">欧式真皮沙发</text>
+</svg>

前端/static/mock/case1-before.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#8B7355"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.6)" font-family="Arial">翻新前</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.4)" font-family="Arial">欧式真皮沙发</text>
+</svg>

前端/static/mock/case2-after.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#67C23A"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.8)" font-family="Arial">翻新后</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.6)" font-family="Arial">现代简约布艺沙发</text>
+</svg>

前端/static/mock/case2-before.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#6B8E6B"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.6)" font-family="Arial">翻新前</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.4)" font-family="Arial">现代简约布艺沙发</text>
+</svg>

前端/static/mock/case3-after.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#F5F5DC"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(0,0,0,0.5)" font-family="Arial">翻新后</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(0,0,0,0.3)" font-family="Arial">美式复古沙发</text>
+</svg>

前端/static/mock/case3-before.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#5D4037"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.6)" font-family="Arial">翻新前</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.4)" font-family="Arial">美式复古沙发</text>
+</svg>

前端/static/mock/case4-after.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#607D8B"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.8)" font-family="Arial">翻新后</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.6)" font-family="Arial">功能沙发</text>
+</svg>

前端/static/mock/case4-before.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#455A64"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.6)" font-family="Arial">翻新前</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.4)" font-family="Arial">功能沙发</text>
+</svg>

前端/static/mock/case5-after.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#A1887F"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.8)" font-family="Arial">翻新后</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.6)" font-family="Arial">中式红木沙发垫</text>
+</svg>

前端/static/mock/case5-before.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#8D6E63"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.6)" font-family="Arial">翻新前</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.4)" font-family="Arial">中式红木沙发垫</text>
+</svg>

前端/static/mock/case6-after.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#263238"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.8)" font-family="Arial">翻新后</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.6)" font-family="Arial">办公室皮沙发组合</text>
+</svg>

前端/static/mock/case6-before.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500" width="750" height="500">
+  <rect width="750" height="500" fill="#37474F"/>
+  <text x="375" y="230" text-anchor="middle" font-size="36" fill="rgba(255,255,255,0.6)" font-family="Arial">翻新前</text>
+  <text x="375" y="280" text-anchor="middle" font-size="24" fill="rgba(255,255,255,0.4)" font-family="Arial">办公室皮沙发组合</text>
+</svg>