更新记录

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问