更新记录
1.0.0(2022-01-22) 下载此版本
bug修复。调整修改完善,细节微处理,美化润色。全平台测试,进一步修改完善,完成作品。
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | - | - | - | √ | - | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
lxm-images-tabbar是一个全平台前端页面模板,一般用来做首页框架模板,也可以做其他页面模板。全平台前端页面模板:春节喜庆特色底部导航栏和顶部喜庆标题栏还有tabbar图片PS处理。
组件名:lxm-images-tabbar
一、主要是进行下面的配置
pages.json
配置
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "传奇开心果模板",
"navigationBarBackgroundColor": "#ff0000",
"backgroundColor": "#ff0000"
},
"tabBar": {
"color": "#ff0000",
"selectedColor": "#007AFF",
"borderStyle": "#ff0000",
"backgroundColor": "#ffffff",
"list": [{
"pagePath": "pages/index/index",
"iconPath": "static/jie1.png",
"selectedIconPath": "static/chun1.png",
"text": "头条"
},
{
"pagePath": "pages/shipin/shipin",
"iconPath": "static/jie2.png",
"selectedIconPath": "/static/chun2.png",
"text": "视频"
}, {
"pagePath": "pages/caidan/caidan",
"iconPath": "static/jie3.png",
"selectedIconPath": "static/chun3.png",
"text": "菜单"
}, {
"pagePath": "pages/xiaoshuo/xiaoshuo",
"iconPath": "static/jie4.png",
"selectedIconPath": "static/chun4.png",
"text": "小说"
},
{
"pagePath": "pages/wode/wode",
"iconPath": "static/jie5.png",
"selectedIconPath": "static/chun5.png",
"text": "我的"
}
]
}
二、tabbar图片处理 使用Photoshop做工具,首先把图片处理成正方形小尺寸彩色图片,保存一份。其次图像模式选择灰度,丢弃彩色,然后保存灰度图片一份。最后放入static文件夹。
传奇开心果模板,名称:lxm-images-tabbarV1.0.0,传奇开心果出品,2022.1.22