初始化参股

This commit is contained in:
2026-01-27 18:06:04 +08:00
commit 2774a539bf
254 changed files with 33255 additions and 0 deletions

View File

@@ -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 图片为真实图片

View File

@@ -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. 背景:透明

Binary file not shown.

After

Width:  |  Height:  |  Size: 481 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 481 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 378 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 375 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 833 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 533 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 530 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 261 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 511 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 669 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 665 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 677 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 406 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 406 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 412 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 412 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 394 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 406 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 400 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 400 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 409 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 409 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 412 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 412 B