微信小程序开发底部导航(微信小程序自定义底部导航)

微信小程序开发

简介:

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

主配置文件app.json:

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

代码示例如下:

{ 页面 :[ ；页数/索引/索引 ， 页面/新建/新建 ，]， 窗口 :{ 背景颜色 : # F6F6F6 ， backgroundTextStyle : 光 ， navigationBarBackgroundColor ；: # F6F6F6 ， navigationBarTitleText : 我的第一个小程序”navigationBarTextStyle : 黑色 }}上面的代码有两页。这是一个json对象，其中属性pages用于定义applet的页面。上面的代码表明有两个页面，一个在“pages/index”下命名为“index”，另一个在“page/new”下命名为new。

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

配置状态:

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

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

EnablePullDownRefresh:用于设置是否打开下拉刷新；默认值为false。

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

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

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

配置底部导航:

"tabBar :{ 列表 :[{ ；pagePath : 页数/索引/索引 ， 文本 : 主页"， iconPath : images/icon _ home . png ；， 选择selectedIconPath : images/icon _ homeed . png ；， 郎 : pagePath显示的页面，text text，iconPath未激活的图标，selectedIconPath激活的图标" }，{ pagePath : 页面/新建/新建 ， 文本 : 方形“， iconPath : images/icon _ Guangchang . png ；， 选择selectedIconPath : images/icon _ guang changed . png ；， 郎 : pagePath显示的页面，text text，iconPath未激活的图标，selectedIconPath激活的图标" }，{ pagePath : 页面/用户控制台/用户控制台 ， 文本 : 设置“， iconPath : images/icon _ set . png ；， 选择selectedIconPath : images/icon _ seted . png ；， 郎 : pagePath显示的页面，text文本，iconPath未激活的图标，selectedIconPath激活的图标" }] }tabBar是底部导航，上面的代码中有三个底部导航。

颜色:设置选项卡非活动状态的文本颜色。

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

BorderStyle:设置底部导航边框。

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

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

文本:设置导航文本。

pagePath显示的页面，text文本，iconPath未激活的图标，selectedIconPath激活的图标。以上是微信小程序开发底部导航的详细内容。请多关注主机参考其他相关文章！

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

• 手把手指导你在小程序中实现保存图片的功能（小程序申请保存图片到相册）
• 如何在小程序中创建页面二维码
• 小程序如何动态制作小程序码分析（如何在小程序中动态生成小程序二维码图片）
• 如何解决小程序中的重启跳转错误（小程序重启）
• 教你如何部署微信小程序并上线（如何在线部署小程序）

本文由主机参考刊发，转载请注明：微信小程序开发底部导航(微信小程序自定义底部导航) https://zhujicankao.com/73813.html