i-rubik
Version:
A Vue.js 2.0+ UI Components Framework
1 lines • 3.97 kB
JavaScript
webpackJsonp([4,29],{248:function(t,a,e){e(317);var r=e(0)(e(275),e(342),"data-v-7ad5d0ba",null);t.exports=r.exports},275:function(t,a,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={name:"tab",data:function(){return{txt:"I have to remind myself that some birds don’t mean to be caged . Their feathers are just too bright. And when they fly away, the part of you that knows it was a sin to lock them up. DOES rejoice. Still, the place you live in is that much more drab and empty that they’re gone. I guess I just miss my friend. "}}}},294:function(t,a,e){a=t.exports=e(59)(),a.push([t.i,".tabs a[data-v-7ad5d0ba]{color:#fff}","",{version:3,sources:["/./example/views/Tab.vue"],names:[],mappings:"AACA,yBACE,UAAY,CACb",file:"Tab.vue",sourcesContent:["\n.tabs a[data-v-7ad5d0ba] {\n color: #fff;\n}"],sourceRoot:"webpack://"}])},317:function(t,a,e){var r=e(294);"string"==typeof r&&(r=[[t.i,r,""]]),r.locals&&(t.exports=r.locals);e(226)("4f2fcbd8",r,!0)},342:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("article",[e("h1",[t._v("标签页 Tabs")]),t._v(" "),e("h2",[t._v("例子")]),t._v(" "),e("r-tabs",[e("r-tabs-nav",[e("r-tab",{staticClass:"black-after",attrs:{href:"tab1",selected:""}},[t._v("Tab 1")]),t._v(" "),e("r-tab",{staticClass:"black-after",attrs:{href:"tab2"}},[t._v("Tab 2")]),t._v(" "),e("r-tab",{staticClass:"black-after",attrs:{href:"tab3"}},[t._v("Tab 3")]),t._v(" "),e("r-tab",{staticClass:"black-after",attrs:{href:"tab4"}},[t._v("Tab 4")])],1),t._v(" "),e("r-tabs-content",{staticClass:"white"},[e("r-tabs-item",{attrs:{id:"tab1"}},[e("p",[t._v(t._s(t.txt))]),t._v(" "),e("p",[t._v(t._s(t.txt))]),t._v(" "),e("p",[t._v(t._s(t.txt))])]),t._v(" "),e("r-tabs-item",{attrs:{id:"tab2"}},[t._v(t._s(t.txt))]),t._v(" "),e("r-tabs-item",{attrs:{id:"tab3"}},[e("p",[t._v(t._s(t.txt))]),t._v(" "),e("p",[t._v(t._s(t.txt))]),t._v(" "),e("p",[t._v(t._s(t.txt))])]),t._v(" "),e("r-tabs-item",{attrs:{id:"tab4"}},[t._v(t._s(t.txt))])],1)],1),t._v(" "),e("h2",[t._v("组件说明")]),t._v(" "),t._m(0),t._v(" "),e("h2",[t._v("API")]),t._v(" "),e("Markup",{attrs:{lang:"html"}},[t._v('\n <r-tabs> \n <!-- 标签页导航 -->\n <r-tabs-nav >\n <r-tab href="tab1" selected>Tab 1</r-tab>\n <r-tab href="tab2">Tab 2</r-tab>\n <r-tab href="tab3">Tab 3</r-tab>\n <r-tab href="tab4">Tab 4</r-tab>\n </r-tabs-nav>\n\n <!-- 标签页内容 -->\n <r-tabs-content>\n <r-tabs-item id="tab1">\n <p>...</p>\n <p>...</p>\n <p>...</p>\n </r-tabs-item>\n <r-tabs-item id="tab2">...</r-tabs-item>\n <r-tabs-item id="tab3">\n <p>...</p>\n <p>...</p>\n <p>...</p>\n </r-tabs-item>\n <r-tabs-item id="tab4">...</r-tabs-item>\n </r-tabs-content>\n </r-tabs>\n ')])],1)},staticRenderFns:[function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("table",{staticClass:"bordered responsive-table"},[e("thead",[e("th",[t._v("组件")]),t._v(" "),e("th",[t._v("说明")]),t._v(" "),e("th",[t._v("属性")])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("<r-tabs>")]),t._v(" "),e("td",[t._v("Tabs 根组件")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("<r-tabs-nav>")]),t._v(" "),e("td",[t._v("Tabs导航 根组件")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("<r-tab>")]),t._v(" "),e("td",[t._v("Tabs导航 列表组件")]),t._v(" "),e("td",[t._v("\n href: 和 r-tabs-item 的 id 一一对应 "),e("br"),t._v("\n selected: 手动选中当前导航\n ")])]),t._v(" "),e("tr",[e("td",[t._v("<r-tabs-content>")]),t._v(" "),e("td",[t._v("Tabs内容 根组件")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("<r-tabs-item>")]),t._v(" "),e("td",[t._v("Tabs内容 列表组件")]),t._v(" "),e("td",[t._v("id: 和 r-tab 的 href 一一对应")])])])])}]}}});