微信小程序开发初学：全局配置及页面配置

/*下拉loading图标的样式*/

},

**tabBar**  

菜单栏：如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。



属性  

**list**  

菜单列表，类型为Array数组类型，存放 tab  

list具有的属性  

（1）pagePath：页面路径，必须在pages文件夹中先定义，**必填**  

（2）text：文字内容，**必填**  

（3）iconPath：图标路径，不支持网络路径，position 为 top 时不显示  

（4）selectedIconPath：选中时的图标，不支持网络路径，position 为 top 时不显示



**Color**  

未选中的tab文字颜色，仅支持十六进制颜色表示



**selecteColor**  

选中的tab文字颜色，仅支持十六进制颜色表示



**backgroudColor**  

tab背景颜色，仅支持十六进制颜色表示



**borderStyle**  

tabBar上边框颜色，仅支持white和black两种



**position**  

tabBar位置，仅支持top（顶部）和bottom（底部）

“tabBar”: {/要注意语法/

"color": "#c30",

/*未选中的tab文字颜色*/

"selectedColor":"#0ff",

/*选中的tab文字颜色*/

"backgroundColor": "#ccc",

/*tab背景颜色，仅支持十六进制颜色表示*/

"borderStyle": "white",

/*tabBar上边框颜色，仅支持white和black两种*/



"list": [

  {

    "pagePath": "pages/index/index",        /*页面路径*/

    "iconPath": "/image/home.png",          /*图标路径*/

    "selectedIconPath": "/image/home-h.png",/*选中时的图标*/

    "text": "首页"                          /*文字内容*/

  },{

    "pagePath": "pages/button/button",

    "iconPath": "image/user.png",

    "selectedIconPath": "/image/user-h.png",

    "text": "按钮案例"

  },{

    "pagePath": "pages/input/input",

    "iconPath": "/image/setting.png",

    "selectedIconPath": "/image/setting-h.png",

    "text": "inputDemo"

  }

]

},

[]( )页面配置

---------------------------------------------------------------



每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。  

配置项属性与app.json的window中的属性相同  

**页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。**  

如以下代码：

/app.json文件/

“window”:{

“navigationBarBackground”:“#000”

}

/index.json文件/

{

“navigationBarBackground”:“#ccc”

}

/*全局配置文件和index配置文件定义了不同的navigationBarBackgroundColor,

index页面会优先显示导航栏背景颜色为#ccc，其他页面不变*/

内容参考自小程序API：  

[https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html]( )



这里提供两个图标素材下载网址  

**iconfont - 阿里巴巴矢量图标库  

（登录后才能下载图片）**  

[https://www.iconfont.cn/plus]( )



**Iconfinder Free Icons  

（可直接下载，但个人感觉没有iconfont方便）**  

[http://iconion.com/posts/iconfinder-free-icons/]( )



 **自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

**因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

![img](https://img-blog.csdnimg.cn/img_convert/305f59a232b46048b03d833c9943936f.png)

![img](https://img-blog.csdnimg.cn/img_convert/2d0b5dd8402fe98ea9c9b4c86f6bef34.png)

![img](https://img-blog.csdnimg.cn/img_convert/3dcad04f73b27d250151772162d8a0e5.png)

![img](https://img-blog.csdnimg.cn/img_convert/d3b0dea5ebb0191ec20168b1cca9315e.png)

![img](https://img-blog.csdnimg.cn/img_convert/6c361282296f86381401c05e862fe4e9.png)

![img](https://img-blog.csdnimg.cn/img_convert/9f49b566129f47b8a67243c1008edf79.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**

**如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）**

9b566129f47b8a67243c1008edf79.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**

**如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注Python）**

<img src="https://img-community.csdnimg.cn/images/fd6ebf0d450a4dbea7428752dc7ffd34.jpg" alt="img" style="zoom:50%;" />