0.0.1 • Published 6 years ago

wechat-miniprogram-tabs v0.0.1

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

wechat-miniprogram-tabs

特性

  • 自定义颜色
  • 滑动切换

下载

git clone https://github.com/simsir-lin/wechat-miniprogram-tabs.git

DEMO

  1. 打开微信web开发者工具,'本地小程序项目 - 添加项目',项目目录选择为 example 目录

使用

  1. 安装
npm install --save wechat-miniprogram-tabs
  1. 在你的页面json中添加
{
  "usingComponents": {
    "tabs": "wechat-miniprogram-tabs/tabs",
    "tab": "wechat-miniprogram-tabs/tab"
  }
}
  1. 每次引入或更新需先执行开发者工具的 npm 构建,微信官方 npm 文档
  2. 在wxml中即可使用组件
<tabs>
  <tab label="第一个"></tab>
  <tab label="第二个"></tab>
</tabs>

注意

  • 小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始

Tabs Props

namedescriptiontypedefault value
current当前激活标签页Number0
activeColor激活显示颜色String#333333

Tab Props

namedescriptiontypedefault value
label标签页标题String

events

namedescriptionparameters
change切换event.detail.index

贡献

如果你有好的意见或建议,欢迎给我提issue!