Blame view

src/Tabs/Tabs.html 778 Bytes
3a3ecabe   Imshann   init
1
2
3
4
5
6
7
8
9
10
11
12
13
  <div className="ant-tabs ant-tabs-top">
      <div className="ant-tabs-nav">
          <div className="ant-tabs-nav-wrap">
              <div className="ant-tabs-nav-list">
                  {state.labels.map(function (label, index) {
                      return <div className={"ant-tabs-tab"+(state.activeKey==label.key?" ant-tabs-tab-active": "")} onClick={this.handleClick.bind(this, label.key, index, $event)}>{label.name}</div>
                  })}
                  <div className="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style={{transform: "translate3d("+state.offsetLeft+"px, 0px, 0px)", width: state.tabWidth+'px'}}></div>
              </div>
          </div>
      </div>
      <div className="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content">{children}</div>
  </div>