ng-cil-tab
TypeScript icon, indicating that this package has built-in type declarations

1.0.21 • Public • Published

cil-tab

A Angular plugins

tab组件,解决多项目跳转公用一个底部tab

接受参数

zIndex

zIndex 层级默认99999, 可自己设置

background

background 默认白色背景

location

location 跳转方式;接收字符串格式,默认有历史记录(push);可以接收 push(有历史记录)以及replace(无历史记录)两种方式

defaultSelected

defaultSelected tab选择了第几个,默认选择1,接收number,1,2,3,4,5

baseUrl

baseUrl 数组格式,为底部tab

// baseUrl默认为:
[
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
      name: 'Home'
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
      name: 'Coupon'
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
      name: 'Point Mall'
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
      name: 'Delivery'
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
      name: 'Membership'
    }
  ];
// 支持传入以下数组:
['https://www.baidu.com','https://www.baidu.com','https://www.baidu.com','https://www.baidu.com','https://www.baidu.com']
[
    {
      url: 'https://www.baidu.com',
      name: 'Home'
    },
    {
      url: 'https://www.baidu.com',
      name: 'Coupon'
    },
    {
      url: 'https://www.baidu.com',
      name: 'Point Mall'
    },
    {
      url: 'https://www.baidu.com',
      name: 'Delivery'
    },
    {
      url: 'https://www.baidu.com',
      name: 'Membership'
    }
 ]
[
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
    },
    {
      icon: 'CDN链接',
      url: 'https://www.baidu.com',
    }
];

注意baseUrl至少要传递跳转链接!!!!

Readme

Keywords

none

Package Sidebar

Install

npm i ng-cil-tab

Weekly Downloads

0

Version

1.0.21

License

none

Unpacked Size

450 kB

Total Files

27

Last publish

Collaborators

  • lupoy
  • kevinzhang19870314
  • zypeng