微信小程序怎么完成tabber界面

 时间:2024-10-12 07:56:27

1、我们第一步需要新建一个文件夹photo,将已经准备好了的图标放在文件夹内。

微信小程序怎么完成tabber界面

2、打开app.json,新建tabber项。代码如下:"pagePath":"此处填页面的根目录","text":"此处填文本,如“首页","iconPath":"此处填的是图标路径","selectedIconPath":"此处填的是被选中时的图标路径"。

微信小程序怎么完成tabber界面

3、完成一个tabber界面至少需要两个页面,两个图标。如果需要四个,代码示例如下:"tabB锾攒揉敫ar":{"selectedColor":"#C00000","list":[{"pagePath":"pages/home/home","text":"首页","iconPath":"/static/static/tab_icons/home.png","selectedIconPath":"/static/static/tab_icons/home-active.png"},{"pagePath":"pages/cate/cate","text":"分类","iconPath":"/static/static/tab_icons/cate.png","selectedIconPath":"/static/static/tab_icons/cate-active.png"},{"pagePath":"pages/cart/cart","text":"购物车","iconPath":"/static/static/tab_icons/cart.png","selectedIconPath":"/static/static/tab_icons/cart-active.png"},{"pagePath":"pages/my/my","text":"我的","iconPath":"/static/static/tab_icons/my.png","selectedIconPath":"/static/static/tab_icons/my-active.png"}]

  • PS自由变换工具的运用介绍
  • PS将照片覆盖在纸盒上面的方法
  • 如何创建Vray太阳
  • 怎么用Photoshop自动合并到HDR Pro
  • 3DMAX晶格命令的运用~~~
  • 热门搜索
    中国旅游攻略 旅游管理专业前景 海南旅游必去景点 舟山旅游地图 旅游活动主题 5月去哪里旅游最好 珠海东澳岛旅游攻略 旅游结婚 赴美旅游签证 韩国旅游地图