微信小程序实现多个页面

冷酷吗喽

已于 2024-06-19 17:11:06 修改

阅读量1.5k

点赞数 1

分类专栏：微信小程序文章标签：微信小程序小程序

于 2022-11-28 10:06:00 首次发布

本文链接：https://blog.youkuaiyun.com/m0_72189003/article/details/128074478

版权

本文介绍了如何在微信小程序中实现多个页面的配置。通过调整`pages`数组中页面顺序来决定显示顺序，并设置未选中及选中状态的图标颜色。图标资源需下载并放置在根目录的imgs文件夹内引用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上图示例代码

(“pages“里面想让第几个页面显示在第一个，就挪到最前面

“iconPath”是没选中页面的时候显示的颜色

“selectedIconPath”是选中页面的时候显示的颜色

（里面的图片需要自己下载可以在阿里矢量图上下载，在根目录创建一个imgs文件把图片放进去引入就行）

)

第一步：写在app.json

{
  "pages":[
    "pages/index/index",    
    "pages/mydiv1/mydiv1",  
    "pages/mydiv2/mydiv2",  
    "pages/mydiv3/mydiv3",  
    "pages/logs/logs"  
  ],
  "tabBar":{
    "list":[
      {
        "pagePath":"pages/index/index",
        "text":"寄快递",
        "iconPath": "/imgs/发送.png&