【微信小程序】tabBar和window节点常用的配置项

目录

前言

一、tabBar介绍

二、tabBar的组成部分和配置项

1.组成部分

2.节点配置

三、window节点常用的配置项

总结

---

---

前言

本文简单介绍tabBar和window节点常用配置项

一、tabBar介绍

   taBar

    实现多页面的快速切换。小程序分为

     ·底部tabBar

     ·顶部tabBar

     注意：tabBar中只能配置最少2个，最多5个tab页签

     当渲染顶部tabBar时，不显示icon，只显示文本

二、tabBar的组成部分和配置项

1.组成部分

··tabBar的6个组成部分
        backgroundColor:tabBar的背景色
        2.selectedlconPath:选中时的图片路径
        3.borderStyle:tabBar上边框的颜色
        4.iconPath：未选中时的图片路径
        5.selectedColor:tab上的文字选中时的颜色
        6.color：tab上的文字的默认（未选中）的颜色

2.节点配置

代码如下（示例）：

       tabBar节点的配置项
    ·属性：position 类型：String 默认值：bottom 
    描述：taBar的位置，仅支持bottom/top

    ·属性：borderStyle  类型:String 默认值 black
    描述：tabBar上边框的颜色，仅支持black/white

    属性： color  类型：HexColor  
    描述：tab上文字的默认（未选中）颜色

    属性:selectedColor  类型：HexColor
    描述：tab上的文字选中时的颜色

    属性:backgroundColor  类型 Hexcolor
    tabar的背景色

    属性：list 类型：Array  必须填   
    描述：tab页签的列表，最少两个，最多5个tab

---

三、window节点常用的配置项

indow节点常用的配置项

 ·属性名navigationBarTitleText 类型：string 默认：字符串 

说明导航栏标题文字内容

 ·navigationBarBackgroundColor 类型:HexColor  默认值:#000000

 说明:导航栏背景颜色，如#0000000

 navigationBarTextStyle 类型:string 默认值 white 说明:导航栏标题颜色，

 仅支持black/white

 backgroundColor  HexColor 默认值 #ffffff 窗口的背景颜色

 backgroundTextStyle 类型:String 默认值:dark 

 说明：下拉loading的样式，仅支持dark/light

 enablePullDOWnRefresh  类型；boolean  默认值false 

 说明:是否全局开启下拉刷新

 onReachBottomDistance  Number 默认值 50 说明 页面上拉触底事件触发时距页面底部距离，单位为px

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容