更新记录
1.0.0(2022-01-22) 下载此版本
bug修复。调整修改完善,细节微处理,美化润色。全平台测试,进一步修改完善,完成作品。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
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