为任务中心头部tab下拉。
npm i italent-task-tab-title -S
1 里头还有自己维护的图标,所以需要引入 @beisen/pb-svg/icomoon/style.css;
import React, {Component} from 'react';
import Title from '../../src/index.js'
import '@beisen/pb-svg/icomoon/style.css';
export default class Demo extends Component{
handleTabSelect=(tabId)=>{
console.log(tabId)
}
handleDropSelect=(dropId,tabId)=>{
console.log(dropId,tabId)
}
render(){
const tabTitle=[{
id:0,
color: '#4F73FF',
bgIcon:'font-task-title-tab1',
titleText:'任务',
selected:true,
dropDownItems:[
{
id:0,
title:'我负责的',
selected:true,
},{
id:1,
title:'我派发的',
selected:false
},{
id:2,
title:'我参与的',
selected:false
},{
id:3,
title:'全部任务',
selected:false
},{
id:4,
title:'我完成的',
selected:false
}
]
},{
id:1,
selected:false,
color:'#0CC991',//icon背景图
bgIcon:'font-task-title-tab2',
titleText:'任务追踪',
dropDownItems:[]
}
]
return <Title data={tabTitle} onTabSelect={this.handleTabSelect} onDropSelect={this.handleDropSelect}/>
}
}
data:一堆默认值;
onTabSelect:tab选择的回调;
onDropSelect:下拉选择的回调
有了window.BSGlobal的loginUserInfo之后,以上参数都是可选参数。