使用LinkUi

npm i LinkUi
import {Navs} from 'LinkUi'

一、导航栏：Navs要配合Tab一起使用

<div className='app' >
        <Navs
            navList={navList}
            onAction={this.onAction} 
            color='#fff' 
            backgroundColor='MediumBlue' 
            fontSize='16px' 
            action={true}>
          <Tab name={0}>
        	<div>首页</div>
          </Tab>
          <Tab name={1}>
            <div>我的</div>
          </Tab>
        </Navs>
</div>

1. navList:接收的导航栏的参数格式为[{title:'xxx',id:0}],注：最少有2个
2. color：导航栏的字体颜色，默认为#fff
3. backgroundColor：导航栏的背景颜色，默认为#000
4. fontSize：导航栏的字体大小，默认为16px
5. action：导航栏的样式，默认为fasle
6. onAction：点击导航栏发生的方法，拿到的参数为导航栏所对应的id

二、Tab导航栏显示的界面插槽！注：须搭配Navs使用

<Navs
    navList={navList}
    onAction={this.onAction} 
    color='#fff' 
    backgroundColor='MediumBlue' 
    fontSize='16px' 
    action={true}>
        <Tab name={0}>
	        <div>首页</div>
        </Tab>
        <Tab name={1}>
            <div>我的</div>
        </Tab>
  </Navs>

1. name：参数为navList里面所对应的id

三、LiveButton：按钮

 <LiveButton onClick={this.a} >确定</LiveButton>

1. onClick：点击事件
2. color：背景颜色，默认为#409eff
3. width：按钮的width
4. height：按钮的height
5. circle：是否是圆角，默认为fasle