微信小程序开发
简介:
一套软件的应用架构包括数据层、业务逻辑层、服务层、控制层、展示层、用户等多个层次。
主配置文件app.json:
主配置文件app.json位于项目主目录中,用来对当前项目进行全局配置。
代码示例如下:
{ "pages": [ "pages/index/index", "pages/new/new", ], "window": { "backgroundColor": "#F6F6F6", "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#F6F6F6", "navigationBarTitleText": "我的第一个小程序", "navigationBarTextStyle": "black" } }登录后复制
上面代码中有两个页面,这是一个json对象,其中的属性pages用来定义小程序的页面,上面代码中表示有两个页面,一个名为”index”,位于“pages/index”下,另一个名为new,位于“page/new”下。
位于pages数组中的第一项表示小程序的初始页面,即启动小程序时将运行显示的页面。如果继续添加页面可以往pages数组中添加即可。
配置状态:
backgroundColor:用来设置窗口的背景色,与HTML中的颜色设置相同,使用十六进制的rgb方式设置颜色。默认为白色。
backgroundTextStyle:用来设置下拉背景字体、loading图的样式,有“dark”、“light”这两个值。
enablePullDownRefresh:用来设置是否开启下拉刷新,默认false。
navigationBarBackgroundColor:用来设置导航栏背景颜色。
navigationBarTextStyle:设置导航栏标题颜色。
navigationBarTitleText:设置导航栏标题的文字内容。
配置底部导航:
"tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "images/icon_HOME.png", "selectedIconPath": "images/icon_HOMEED.png", "lang":"pagePath显示的页面,text文本,iconPath未激活的图标,selectedIconPath激活的图标" }, { "pagePath": "pages/new/new", "text": "广场", "iconPath": "images/icon_GUANGCHANG.png", "selectedIconPath": "images/icon_GUANGCHANGED.png", "lang":"pagePath显示的页面,text文本,iconPath未激活的图标,selectedIconPath激活的图标" }, { "pagePath": "pages/userConsole/userConsole", "text": "设置", "iconPath": "images/icon_SET.png", "selectedIconPath": "images/icon_SETED.png", "lang":"pagePath显示的页面,text文本,iconPath未激活的图标,selectedIconPath激活的图标" }] }登录后复制
tabBar为底部导航,上面的代码中有三个底部导航
Color:设置tab未激活状态的文字颜色。
selectedColor:设置tab激活状态的文字颜色。
borderStyle:设置底部导航边框。
backgroundColor:设置底部导航背景颜色。
list:这是一个数,设置底部导航个数,最少2个,最多5个。
text:设置导航文字。
pagePath显示的页面,text文本,iconPath未激活的图标,selectedIconPath激活的图标。
以上就是微信小程序开发底部导航的详细内容,更多请关注慧达安全导航其它相关文章!
免责 声明
1、本网站名称:慧达安全导航
2、本站永久网址:https//www.huida178.com/
3、本站所有资源来源于网友投稿和高价购买,所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习,本站不提供任何技术服务!
4、本站所有资源的属示图片和信息不代表本站的立场!本站只是储蓄平台及搬运
5、下载者禁止在服务器和虚拟机下进行搭建运营,本站所有资源不支持联网运行!只允许调试,参考和研究!!!!
6、未经原版权作者许可禁止用于任何商业环境,任何人不得擅作它用,下载者不得用于违反国家法律,否则发生的一切法律后果自行承担!
7、为尊重作者版权,请在下载24小时内删除!请购买原版授权作品,支持你喜欢的作者,谢谢!
8.若资源侵犯了您的合法权益,请持 您的版权证书和相关原作品信息来信通知我们!QQ:1247526623我们会及时删除,给您带来的不便,我们深表歉意!
9、如下载链接失效、广告或者压缩包问题请联系站长处理
10、如果你也有好源码或者教程,可以发布到网站,分享有金币奖励和额外收入!
11、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需
12、因源码具有可复制性,一经赞助,不得以任何形式退款。
13、本文内容由网友自发贡献和站长收集,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系1247526623@qq.com
转载请注明出处: 慧达安全导航 » 微信小程序开发底部导航
发表评论 取消回复