更新记录

1.0.3（2022-04-24） 下载此版本

修复bug

1.0.2（2022-03-21） 下载此版本

优化性能

1.0.1（2022-03-18） 下载此版本

1、增加loading背景 2、增加loadingMask

平台兼容性

IrTabs组件

用于展示同一页面不同标题下内容，可通过左右滑动和点击tab的方式切换页面，支持自定义颜色

IOS系统未进行测试，IOS系统未进行测试，IOS系统未进行测试

基本用法

<template>
    <ir-tabs :navs="navs">
        <view>page</view>
    </ir-tabs>
</template>

<script>
    export default {
        data() {
            return {
                navs: ['列表一', '列表二', '列表三']
            }
        }
    }
</script>

每个页面内容不同

<template>
    <ir-tabs :navs="navs" :multiple="true">
        <template v-slot:page1>
            <view>page1</view>
        </template>

        <template v-slot:page2>
            <view>page2</view>
        </template>
    </ir-tabs>
</template>

<script>
    export default {
        data() {
            return {
                navs: ['列表一', '列表二']
            }
        }
    }
</script>

参数说明

注：在nvue中使用下拉刷新时，页面隐藏或销毁时，请将loading设置为false，以免造成不必要的资源浪费

事件说明

navs

选项卡标题列表

• 常规写法

  navs: [{
      name: '列表一',                            // 标题文本
      icon: '/static/icon1.png',              // 标题icon
      activeIcon: '/static/activeIcon1.png'   // 标题选中状态时icon
  }, {
      name: '列表二'
  }]

• 当只有标题文本，不设置icon时，可以简写如下

  navs: ['列表一', '列表二', '列表三']