微信小程序开发的底部导航（微信小程序的底部导航怎么写）

微信小程序开发

简介:

一套软件的应用架构包括数据层、业务逻辑层、服务层、控制层、显示层、用户等多个层次。

主配置文件app.json:

主配置文件app.json位于项目主目录中，用于当前项目的全局配置。

代码示例如下:

{“pages“:【“pages/index/index“，“pages/new/new“，】“window“:{“background color“:“# f6f 6“，“backgroundTextStyle“:“light“，“navigationbarbackgroundcolor“:“# f6f 6“，“navigationbartitletext“:“我的第一个小程序“，“navigationbartextstyle“:“black“} }上面的代码中有两个页面，这是一个json对象。属性页面用于定义小程序的页面。上面的代码表明有两个页面，一个在“pages/index”下称为“index”，另一个在“page/new”下称为new。

pages数组中的第一项表示applet的初始页面，即applet启动时将显示的页面。如果继续添加页面，您可以将它们添加到页面数组中。

配置状态:

BackgroundColor:用于设置窗口的背景颜色，与HTML中的颜色设置相同。颜色以十六进制rgb模式设置。默认为白色。

BackgroundTextStyle:用于设置下拉背景字体和加载图的样式，有“暗”和“亮”两个值。

EnablePullDownRefresh:用于设置是否开启下拉刷新，默认为false。

NavigationBarBackgroundColor:用于设置导航栏的背景颜色。

NavigationBarTextStyle:设置导航栏的标题颜色。

NavigationBarTitleText:设置导航栏标题的文本内容。

配置底部导航:

“Tabbar“:{“list“:【{“pagepath“:“pages/index/index“、“text“:“home Page“、“icon path“:“images/icon _ home . png“、“selectediconPath“:“images/icon _ homed . png“、“lang“:“通过Page path显示的页面、文本文本、icon path中未激活的图标、selectediconPath中激活的图标“}、{“Page path“:“pages/new/new“、“text“:“square“、“icon path“:“images/icon _ Guangchang . png“、“select

颜色:设置tab键非活动状态下的文本颜色。

SelectedColor:设置选项卡激活状态的文本颜色。

BorderStyle:设置底部导航边框。

BackgroundColor:设置底部导航的背景颜色。

列表:这是一个数字。设置底部导航的数量，最少2个，最多5个。

文本:设置导航文本。

由pagePath显示的页面、文本文本、图标路径非活动图标、由selectedIconPath激活的图标。

以上是微信小程序开发底部导航的详细内容。更多资讯请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 微信小程序翻译功能上线：现已支持18种语言
• 如何使用微信小程序中的车牌号输入法（如何使用微信小程序中的车牌号输入法进行打印）
• 微信小程序无法获取位置信息怎么办？（微信小程序无法获取位置信息）
• 微信小程序如何实现九宫格跳（如何在小程序中配置九宫格抽奖）
• 如何调节微信小程序的亮度？

本文由主机参考刊发，转载请注明：微信小程序开发的底部导航（微信小程序的底部导航怎么写） https://zhujicankao.com/104107.html