tab - Maixbxp/salt-ui GitHub Wiki
标签tab页切换组件
<Tab active={2} onChange={t.handleChange.bind(t)}>
<Tab.item title="头条" data={{"customKey1":"自定义值1","customKey2":"自定义值2"}}>
<div className="t-LH1_5 t-P10">
与 Angular,Ember,Backbone 等等比起来 React 的表现如何?要如何处理数据?要如何连接服务器?JSX 到底是什么?“组件”又是如何定义的?
</div>
</Tab.item>
<Tab.item title="移动互联">
<div className="t-LH1_5 t-P10">
移动互联网,就是将移动通信和互联网二者结合起来,成为一体。是指互联网的技术、平台、商业模式和应用与移动通信技术结合并实践的活动的总称。4G时代的开启以及移动终端设备的凸显必将为移动互联网的发展注入巨大的能量,2014年移动互联网...
</div>
</Tab.item>
<Tab.item title="热点">
<div className="t-LH1_5 t-P10">
今日新闻网传播新闻事实,关注最近热点新闻事件,最新新闻报道国内、国际、财经、房产、娱乐、体育、消费、数码科技等新闻消息,今日关注探寻热点新闻事件真相,对今日关注...
</div>
</Tab.item>
<Tab.item title="杭州">
<div className="demoListView tM10">
{t._renderListView("杭州")}
</div>
</Tab.item>
<Tab.item title="房产"> <div className="t-LH1_5 t-P10">
搜房网房天下是中国最大的房地产家居网络平台,提供全面及时的房地产新闻资讯内容,为所有楼盘提供网上浏览、业主论坛和社区网站,房地产精英人物个人主页,是国内房地产
</div></Tab.item>
<Tab.item title="体育"> <div className="t-LH1_5 t-P10">
新浪体育提供最快速最全面最专业的体育新闻和赛事报道,主要有以下栏目:中国足球、国际足球、篮球、NBA、综合体育、奥运、F1、网球、高尔夫、棋牌、彩票、视频、图片
</div></Tab.item>
<Tab.item title="财经"> <div className="t-LH1_5 t-P10">
新浪财经提供7X24小时财经资讯及全球金融市场报价,覆盖股票、债券、基金、期货、信托、理财、管理等多种面向个人和企业的服务
</div></Tab.item>
<Tab.item title="图片"> <div className="t-LH1_5 t-P10">
图片内容区域
</div></Tab.item>
</Tab>
描述:默认选项
类型:Number
默认:0
必选:否
示例1:下面的代码将选中第二个,即索引1
<Tab active={1}>
<Tab.item title="已完成">
</Tab.item>
<Tab.item title="未完成">
</Tab.item>
<Tab.item title="通过">
</Tab.item>
</Tab>
描述:tab子项目很多时,横向是否显示滚动条,默认false,等分item
类型:Bool
默认:false
必选:否
描述:点击每个tab的子项目,触发切换。 obj 参数包含4个属性
- active:当前选择索引
- preActive: 上一次索引
- data: 数据data
- e: 事件
// 新值和事件对象
handleChange(obj) {
var t = this;
console.log({
active: obj.active,
preActive: obj.preActive,
data:obj.data
});
}
描述:每项标签的标题
类型:String
/component
默认:``
必选:否
<Tab.item title="头条">
<div className="tLH1_5 t-P10">
与 Angular,Ember,Backbone 等等比起来 React 的表现如何?要如何处理数据?要如何连接服务器?JSX 到底是什么?“组件”又是如何定义的?
</div>
</Tab.item>
描述:每项标签项额外数据
类型:Object
默认:{}
必选:否
<Tab.item title="头条" data={{"customKey1": "自定义值1", "customKey2": "自定义值2"}}>
<div className="tLH1_5 t-P10">
与 Angular,Ember,Backbone 等等比起来 React 的表现如何?要如何处理数据?要如何连接服务器?JSX 到底是什么?“组件”又是如何定义的?
</div>
</Tab.item>
无