没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
继《微信小程序:开发入门之配置文件(app.json)(一)》讲了配置文件(app.json)中的pages和windows配置,今天来为大家接着整理一下abBar、networkTimeout、debug配置 tabBar配置 当程序顶部或底部需要菜单栏时,我们可以通过配置tabBar快速实现,tabBar是个非必填项目。可配置属性如下: color:tab上的文字默认颜色,值为HexColor(十六进制颜色值),必填项。 selectedColor:tab上的文字选中时的颜色,值为HexColor(十六进制颜色值),必填项。 backgroundColor:tab的背景色,值为HexCol
资源推荐
资源详情
资源评论
微信小程序:开发入门之配置文件(微信小程序:开发入门之配置文件(app.json)(二))(二)
继《微信小程序:开发入门之配置文件(app.json)(一)》讲了配置文件(app.json)中的pages和windows配置,今天来为大
家接着整理一下abBar、networkTimeout、debug配置
tabBar配置配置
当程序顶部或底部需要菜单栏时,我们可以通过配置tabBar快速实现,tabBar是个非必填项目。可配置属性如下:
color:tab上的文字默认颜色,值为HexColor(十六进制颜色值),必填项。
selectedColor:tab上的文字选中时的颜色,值为HexColor(十六进制颜色值),必填项。
backgroundColor:tab的背景色,值为HexColor(十六进制颜色值),必填项。
borderStyle:tabbar上边框的颜色,仅支持black/white,默认值为black。
list:tab的列表,必填项,其值为一个数组,最少2个、最多5个tab,数组中每一项是一个对象,代表一个tab的相关配置,每项的
相关配置如下:
pagePath:页面路径,必须在pages中先定义,必填项。 ·text:tab上按钮的文字,必填项。
iconPath:tab上icon图片的相对路径,icon大小限制为40kb,必填项。
selectedIconPath:选中时图片的相对路径,icon大小限制为40kb,必填项。
position:tab在顶部或底部显示,可选值为bottom、top,默认值为bottom。
示例代码见代码清单2-1。
代码清单2-1 app.json
{
"pages" : [
"mypages/index/index",
"mypages/list/list"
],
"tabBar" : {
"color" : "#000000",
"selectedColor" : "#ff7f50",
"backgroundColor" : "#ffffff",
"borderStyle" : "black",
"list" : [
{
"iconPath" : "images/home.png",
"selectedIconPath" : "images/home-selected.png",
"pagePath" : "mypages/index/index",
"text" : "首页"
},
{
"iconPath" : "images/search.png",
"selectedIconPath" : "images/search-selected.png","pagePath" : "mypages/list/list",
"text" : "搜索"
},
{
"iconPath" : "images/list.png",
"selectedIconPath" : "images/list-selected.png",
"pagePath" : "mypages/list/list",
"text" : "列表"
}
],
"borderStyle" : "bottom"
}
}
配置后页面效果如图2-6所示。
weixin_38657457
- 粉丝: 9
- 资源: 971
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 点云数据处理与开发基础教程
- (源码)基于 JavaWeb 的超市收银系统.zip
- (源码)基于Vue和Cordova的移动端在线选座购票系统.zip
- (源码)基于C++的simpleDB数据库管理系统.zip
- (源码)基于Arduino的RTOSMMESGU实时操作系统项目.zip
- (源码)基于STM32和TensorFlow Lite框架的微语音识别系统.zip
- (源码)基于C#的支付系统集成SDK.zip
- (源码)基于Spring Cloud和Spring Boot的微服务架构管理系统.zip
- (源码)基于物联网的自动化开门控制系统 iotsaDoorOpener.zip
- (源码)基于ROS的Buddy Robot舞蹈控制系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页