VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

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

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

微信小程序开发

简介:

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

主配置文件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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 微信小程序开发底部导航(微信小程序自定义底部导航)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!