feat(app): 更新应用配置和页面结构

- 修改 app.config.ts 中的页面路由配置,将购物车和发现页面替换为消息和工具箱页面
- 更新导航栏样式配置,包括背景色、标题文本和文字颜色
- 添加完整的底部标签栏配置,包含首页、消息、工具箱和个人中心四个选项
- 更改租户ID从10582到10589,并相应更新package.json和project.config.json中的项目名称
- 重构首页(index.tsx)界面布局,实现新的品牌标识卡片和功能入口网格设计
- 新增消息页面(message)的基本结构和样式文件
- 新增工具箱页面(toolbox)的功能模块和网格布局
- 添加标签栏图标资源和相关脚本文件
This commit is contained in:
2026-03-11 13:08:48 +08:00
parent 6e8d6b1c0d
commit 610aded9d5
24 changed files with 675 additions and 173 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 B

21
assets/tabbar/create-icons.sh Executable file
View File

@@ -0,0 +1,21 @@
#!/bin/bash
# 创建简单的占位图标(实际项目中应该使用设计好的图标)
# 使用 ImageMagick 创建简单的彩色圆点作为占位图标
# 首页图标
convert -size 48x48 xc:none -fill '#999999' -draw "circle 24,24 24,12" assets/tabbar/home.png
convert -size 48x48 xc:none -fill '#1890FF' -draw "circle 24,24 24,12" assets/tabbar/home-active.png
# 消息图标
convert -size 48x48 xc:none -fill '#999999' -draw "rectangle 12,16 36,32" assets/tabbar/message.png
convert -size 48x48 xc:none -fill '#1890FF' -draw "rectangle 12,16 36,32" assets/tabbar/message-active.png
# 工具箱图标
convert -size 48x48 xc:none -fill '#999999' -draw "rectangle 10,18 38,34" assets/tabbar/toolbox.png
convert -size 48x48 xc:none -fill '#1890FF' -draw "rectangle 10,18 38,34" assets/tabbar/toolbox-active.png
# 我的图标
convert -size 48x48 xc:none -fill '#999999' -draw "circle 24,18 24,8" assets/tabbar/user.png
convert -size 48x48 xc:none -fill '#1890FF' -draw "circle 24,18 24,8" assets/tabbar/user-active.png
echo "图标创建完成"

View File

@@ -0,0 +1,42 @@
const fs = require('fs');
const path = require('path');
// 简单的 1x1 像素 PNG白色
const whitePixel = Buffer.from([
0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A, 0x0A,
0x00, 0x00, 0x00, 0x0D, 0x49, 0x48, 0x44, 0x52,
0x00, 0x00, 0x00, 0x01, 0x00, 0x00, 0x00, 0x01,
0x08, 0x06, 0x00, 0x00, 0x00, 0x1F, 0x15, 0xC4,
0x89, 0x00, 0x00, 0x00, 0x0A, 0x49, 0x44, 0x41,
0x54, 0x78, 0x9C, 0x63, 0x00, 0x01, 0x00, 0x00,
0x05, 0x00, 0x01, 0x0D, 0x0A, 0x2D, 0xB4, 0x00,
0x00, 0x00, 0x00, 0x49, 0x45, 0x4E, 0x44, 0xAE,
0x42, 0x60, 0x82
]);
// 创建目录
const dir = path.join(__dirname, '..', 'assets', 'tabbar');
if (!fs.existsSync(dir)) {
fs.mkdirSync(dir, { recursive: true });
}
// 创建占位图标文件
const icons = [
'home.png',
'home-active.png',
'message.png',
'message-active.png',
'toolbox.png',
'toolbox-active.png',
'user.png',
'user-active.png'
];
icons.forEach(icon => {
const filePath = path.join(dir, icon);
fs.writeFileSync(filePath, whitePixel);
console.log(`Created: ${icon}`);
});
console.log('\n占位图标创建完成请替换为实际图标文件。');
console.log('图标尺寸建议81x81 像素(微信小程序推荐)');