标签页 Tabs
1.说明
进行标记和分类的小标签。
何时使用
用于标记事物的属性和维度。
进行分类。
2.API
| 属性名称 | 数据类型 | 是否必填 | 默认值 | 回传参数 | 说明 |
|---|---|---|---|---|---|
| tabs | TabModel的Array | 是 | null | 空 | 标题 |
| theme | enum | 否 | default | 空 | 主题(default,primary,green) |
| borderBottomColor | string | 否 | #0ec2bc | 空 | tab组件的横线演示 |
2.代码演示
/**
* Created by ALOG on 17/6/5.
*/
let React =require( "react");
let ReactDOM=require("react-dom");
let wasabi=require("wasabiD");
let Tabs=wasabi.Tabs;
let TabModel=wasabi.TabModel;
var alogUtil = require("../libs/alogUtil.js");
class Demo extends React.Component {
tabModelInit(){
return [new TabModel("Tab1",'',true,<div>Tab1</div>),
new TabModel("Tab2",'',false,<div>Tab2</div>)]
}
render(){
return (
<Tabs tabs={this.tabModelInit()} theme="white"/>
)
}
}
ReactDOM.render(<Demo/>,document.getElementById("root"));