feat(app): 更新应用配置和页面结构
- 修改 app.config.ts 中的页面路由配置,将购物车和发现页面替换为消息和工具箱页面 - 更新导航栏样式配置,包括背景色、标题文本和文字颜色 - 添加完整的底部标签栏配置,包含首页、消息、工具箱和个人中心四个选项 - 更改租户ID从10582到10589,并相应更新package.json和project.config.json中的项目名称 - 重构首页(index.tsx)界面布局,实现新的品牌标识卡片和功能入口网格设计 - 新增消息页面(message)的基本结构和样式文件 - 新增工具箱页面(toolbox)的功能模块和网格布局 - 添加标签栏图标资源和相关脚本文件
This commit is contained in:
21
assets/tabbar/create-icons.sh
Executable file
21
assets/tabbar/create-icons.sh
Executable 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 "图标创建完成"
|
||||
42
assets/tabbar/create-placeholders.js
Normal file
42
assets/tabbar/create-placeholders.js
Normal 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 像素(微信小程序推荐)');
|
||||
Reference in New Issue
Block a user