【微信小程序】底部 tab 切换(100_100)

50 阅读1分钟

在这里插入图片描述 app.json配置如下:

{
  "pages":[
    "pages/index/index",
    "pages/android/android",
    "pages/ios/ios",
    "pages/logs/logs",
    "pages/test/test",
    "pages/list/list"
    
  ],"tabBar": {
    "color": "#626567",
    "selectedColor": "#2A8CE5",
    "backgroundColor": "#FBFBFB",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "",
        "iconPath": "images/icon_weminip_blue.png",
        "selectedIconPath": "images/icon_weminip_red.png"
      },{
        "pagePath": "pages/android/android",
        "text": "",
        "iconPath": "images/icon_android_blue.png",
        "selectedIconPath": "images/icon_android_red.png"
      }
      ,{
        "pagePath": "pages/ios/ios",
        "text": "",
        "iconPath": "images/icon_ios_blue.png",
        "selectedIconPath": "images/icon_ios_red.png"
      }
    ]
  },
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#f00",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

图标资源在images里 在这里插入图片描述 很多开发者都说比起其他前端开发工具,小程序开发写代码最顺滑

好用的Api工具推荐

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线 smartApi是一款对标国外的postman的api调试开发工具,由于开发人力就作者一个所以人力有限,因此v1.0.0版本功能进行精简,大功能项有:

  • api参数填写
  • api请求响应数据展示
  • PDF形式的分享文档
  • Mock本地化解决方案
  • api列表数据本地化处理
  • 再加上UI方面的打磨

本地运行,性能优越,高效,快捷

下面是一段smartApi使用介绍: 在这里插入图片描述

下载地址

pan.baidu.com/s/1WGaIDYQv…