UNPKG

i-rubik

Version:

A Vue.js 2.0+ UI Components Framework

1 lines 3.75 kB
webpackJsonp([22,29],{227:function(t,r,a){a(303);var n=a(0)(a(253),a(326),"data-v-0c72ff2c",null);t.exports=n.exports},253:function(t,r,a){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.default={name:"alerts",data:function(){return{txt:"这是一条警告提示"}}}},280:function(t,r,a){r=t.exports=a(59)(),r.push([t.i,".alert-container[data-v-0c72ff2c]{width:70%}.alert-container .alert[data-v-0c72ff2c]{margin:10px 0}@media (max-width:600px){.alert-container[data-v-0c72ff2c]{width:100%}}","",{version:3,sources:["/./example/views/Alert.vue"],names:[],mappings:"AACA,kCACE,SAAW,CACZ,AACD,yCACE,aAAe,CAChB,AACD,yBACA,kCACI,UAAY,CACf,CACA",file:"Alert.vue",sourcesContent:["\n.alert-container[data-v-0c72ff2c] {\n width: 70%;\n}\n.alert-container .alert[data-v-0c72ff2c] {\n margin: 10px 0;\n}\n@media (max-width: 600px) {\n.alert-container[data-v-0c72ff2c] {\n width: 100%;\n}\n}"],sourceRoot:"webpack://"}])},303:function(t,r,a){var n=a(280);"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);a(226)("127a2174",n,!0)},326:function(t,r){t.exports={render:function(){var t=this,r=t.$createElement,a=t._self._c||r;return a("article",[a("h1",[t._v("警告 Alert")]),t._v(" "),a("h2",[t._v("例子")]),t._v(" "),a("div",{staticClass:"alert-container"},[a("span",[t._v(" INFO ")]),t._v(" "),a("r-alert",{attrs:{info:""}},[t._v(t._s(t.txt)+" ")]),t._v(" "),a("span",[t._v(" SUCCESS ")]),t._v(" "),a("r-alert",{attrs:{success:""}},[t._v(t._s(t.txt))]),t._v(" "),a("span",[t._v(" WARNING ")]),t._v(" "),a("r-alert",{attrs:{warning:""}},[t._v(t._s(t.txt))]),t._v(" "),a("span",[t._v(" ERROR ")]),t._v(" "),a("r-alert",{attrs:{error:""}},[t._v(t._s(t.txt))])],1),t._v(" "),a("h3",[t._v("没有 icon")]),t._v(" "),a("div",{staticClass:"alert-container"},[a("r-alert",{attrs:{warning:"","no-icon":""}},[t._v("这里有出租车")]),t._v(" "),a("r-alert",{attrs:{info:"","no-icon":""}},[t._v("蓝牙信号正常")])],1),t._v(" "),a("h3",[t._v("自定义 icon")]),t._v(" "),a("div",{staticClass:"alert-container"},[a("r-alert",{attrs:{warning:"",icon:"local_taxi"}},[t._v("这里有出租车")]),t._v(" "),a("r-alert",{attrs:{info:"",icon:"bluetooth"}},[t._v("蓝牙信号正常")])],1),t._v(" "),a("h3",[t._v("关闭 icon")]),t._v(" "),a("div",{staticClass:"alert-container"},[a("r-alert",{attrs:{warning:"",icon:"local_taxi",close:""}},[t._v("这里有出租车")]),t._v(" "),a("r-alert",{attrs:{info:"",icon:"bluetooth",close:""}},[t._v("蓝牙信号正常")])],1),t._v(" "),a("h2",[t._v("API")]),t._v(" "),a("h3",[t._v("props")]),t._v(" "),t._m(0),t._v(" "),a("Markup",{attrs:{lang:"html"}},[t._v('\n <p>1234</p>\n <div>4567</div>\n <r-alert info>...>/r-alert>\n <r-alert warning no-icon >...</r-alert>\n <r-alert warning icon="local_taxi" >...</r-alert>\n <r-alert warning icon="local_taxi" close>...</r-alert>\n ')])],1)},staticRenderFns:[function(){var t=this,r=t.$createElement,a=t._self._c||r;return a("table",{staticClass:"bordered responsive-table"},[a("thead",[a("th",[t._v("属性")]),t._v(" "),a("th",[t._v("说明")])]),t._v(" "),a("tbody",[a("tr",[a("td",[t._v("info")]),t._v(" "),a("td",[t._v("蓝色 普通通知")])]),t._v(" "),a("tr",[a("td",[t._v("success")]),t._v(" "),a("td",[t._v("绿色 好消息通知")])]),t._v(" "),a("tr",[a("td",[t._v("warning")]),t._v(" "),a("td",[t._v("橙色 警告通知")])]),t._v(" "),a("tr",[a("td",[t._v("error")]),t._v(" "),a("td",[t._v("红色 错误通知")])]),t._v(" "),a("tr",[a("td",[t._v("no-icon")]),t._v(" "),a("td",[t._v("不显示左侧的 icon")])]),t._v(" "),a("tr",[a("td",[t._v("close")]),t._v(" "),a("td",[t._v("显示关闭的 icon")])]),t._v(" "),a("tr",[a("td",[t._v("icon")]),t._v(" "),a("td",[t._v("自定义 icon")])])])])}]}}});