UNPKG

i-rubik

Version:

A Vue.js 2.0+ UI Components Framework

1 lines 4.33 kB
webpackJsonp([3,29],{250:function(t,a,e){e(316);var n=e(0)(e(277),e(341),"data-v-7a48e5b0",null);t.exports=n.exports},277:function(t,a,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={name:"tags"}},293:function(t,a,e){a=t.exports=e(59)(),a.push([t.i,".tag-container[data-v-7a48e5b0]{margin:1rem 0}.tag-container .tag[data-v-7a48e5b0]{margin:.5rem}.tag-container .tag a[data-v-7a48e5b0]{color:#fff}","",{version:3,sources:["/./example/views/Tag.vue"],names:[],mappings:"AACA,gCACE,aAAe,CAChB,AACD,qCACE,YAAe,CAChB,AACD,uCACE,UAAY,CACb",file:"Tag.vue",sourcesContent:["\n.tag-container[data-v-7a48e5b0] {\n margin: 1rem 0;\n}\n.tag-container .tag[data-v-7a48e5b0] {\n margin: 0.5rem;\n}\n.tag-container .tag a[data-v-7a48e5b0] {\n color: #fff;\n}"],sourceRoot:"webpack://"}])},316:function(t,a,e){var n=e(293);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);e(226)("6556fad5",n,!0)},341: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("标签 Tag")]),t._v(" "),e("h2",[t._v("例子")]),t._v(" "),e("div",{staticClass:"tag-container"},[e("r-tag",[t._v("默认标签")]),t._v(" "),e("r-tag",{staticClass:"blue white-text"},[t._v("蓝色标签")]),t._v(" "),e("r-tag",{staticClass:"red white-text"},[t._v("红色标签")]),t._v(" "),e("r-tag",{staticClass:"green white-text",attrs:{small:""}},[t._v("小标签")])],1),t._v(" "),e("h3",[t._v("带 icon")]),t._v(" "),e("div",{staticClass:"tag-container"},[e("r-tag",[e("r-icon",{attrs:{left:""}},[t._v("face")]),t._v("笑\n ")],1),t._v(" "),e("r-tag",[e("r-icon",{attrs:{left:""}},[t._v("directions_bike")]),t._v("骑车\n ")],1),t._v(" "),e("r-tag",{staticClass:"pink white-text"},[e("r-icon",{attrs:{left:""}},[t._v("local_gas_station")]),t._v("加油站\n ")],1),t._v(" "),e("r-tag",{staticClass:"black white-text"},[e("r-icon",[t._v("flight")])],1)],1),t._v(" "),e("h3",[t._v("透明")]),t._v(" "),e("div",{staticClass:"tag-container"},[e("r-tag",{staticClass:"blue gray-text",attrs:{outline:""}},[t._v("蓝色标签")]),t._v(" "),e("r-tag",{staticClass:"red gray-text",attrs:{outline:""}},[t._v("红色标签")])],1),t._v(" "),e("h3",[t._v("矩形")]),t._v(" "),e("div",{staticClass:"tag-container"},[e("r-tag",{staticClass:"blue white-text",attrs:{rect:""}},[t._v("蓝色标签")]),t._v(" "),e("r-tag",{attrs:{rect:""}},[t._v("\n 加油站"),e("r-icon",{attrs:{right:""}},[t._v("local_gas_station")])],1)],1),t._v(" "),e("h3",[t._v("点击关闭")]),t._v(" "),e("div",{staticClass:"tag-container"},[e("r-tag",{staticClass:"blue white-text",attrs:{close:""}},[t._v("关闭标签")]),t._v(" "),e("r-tag",{staticClass:"pink black-text",attrs:{close:""}},[t._v("关闭标签")])],1),t._v(" "),e("h2",[t._v("API")]),t._v(" "),e("h3",[t._v("props")]),t._v(" "),t._m(0),t._v(" "),e("Markup",{attrs:{lang:"html"}},[t._v('\n <r-tag>默认标签</r-tag>\n\n <r-tag small class="green white-text">小标签 </r-tag>\n\n // 颜色\n <r-tag class="blue white-text">蓝色标签</r-tag>\n\n // icon\n <r-tag>\n <r-icon left>face</r-icon>笑\n </r-tag>\n\n // 透明\n <r-tag outline class="blue gray-text">蓝色标签</r-tag>\n\n // 矩形\n <r-tag rect class="blue white-text">蓝色标签</r-tag>\n\n // 可关闭\n <r-tag class="blue white-text" close>关闭标签</r-tag>\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("th",[t._v("默认值")])]),t._v(" "),e("tbody",[e("tr",[e("td",[t._v("close")]),t._v(" "),e("td",[t._v("是否带关闭按钮")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("rect")]),t._v(" "),e("td",[t._v("是否为矩形")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("outline")]),t._v(" "),e("td",[t._v("是否透明")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("-")])]),t._v(" "),e("tr",[e("td",[t._v("small")]),t._v(" "),e("td",[t._v("是否小标签")]),t._v(" "),e("td",[t._v("Boolean")]),t._v(" "),e("td",[t._v("-")])])])])}]}}});