微信小程序 基础 - 01 (pages配置项、window配置项、tabbar配置项)

1、pages配置项

   pages配置项用于指定当前小程序包含哪些页面(index / logs)

"pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/test/test"
],

        新建配置项"pages/test/test"将会在pages文件夹中新增目录test, 然后在test目录中新建"四件套",若写在数组的第一个元素,则会被当做首页展示

2、window配置项

  window配置项用于设置小程序导航栏/标题/窗口的内容及表现样式, object类型.

"window": {
    "backgroundTextStyle": "dark",
    "enablePullDownRefresh": true,
    "backgroundColor": "#ccc",
    "navigationBarBackgroundColor": "#f00",
    "navigationBarTitleText": "标题文本",
    "navigationBarTextStyle": "white"
},

3、tabbar配置项

   tabbar用于指定小程序的底部选项卡。基本结构如下:

"tabBar": {
    "color": "#333",
    "selectedColor": "#f00",
    "list": [{
        "text": "电影",
        "pagePath": "pages/index/index",
        "iconPath": "/images/index_disable.png",
        "selectedIconPath": "/images/index_enable.png"
    },{
        "text": "影院",
        "pagePath": "pages/theatre/theatre",
        "iconPath": "/images/theatre_disable.png",
        "selectedIconPath": "/images/theatre_enable.png"
    },{
        "text": "我的",
        "pagePath": "pages/me/me",
        "iconPath": "/images/me_disable.png",
        "selectedIconPath": "/images/me_enable.png"
    }]
},

注意事项:

  1. position若为top, 则不会显示选项卡的图标。

  2. list中至少含有2项, 最多5项。

  3. pagePath不能以/开头。

  4. iconPathselectedIconPath 不支持网络图片路径,只能用本地路径。

  5. 图标大小建议81*81,每张图片不超过40K

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值