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

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!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://本站.com/73813.html

推荐站内搜索:域名注册信息查询、个人虚拟主机、域名查询、godaddy域名解析、国外服务器vps、查询ip、外国主机、免费美国主机、美国主机评论、广东网站备案