i-rubik
Version:
A Vue.js 2.0+ UI Components Framework
1 lines • 5.54 kB
JavaScript
webpackJsonp([19,29],{230:function(n,t,r){r(307);var a=r(0)(r(256),r(330),"data-v-36d425d8",null);n.exports=a.exports},256:function(n,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"buttons",data:function(){return{link:"https://www.ccforward.net/",target:"_blank",loading:!1}},methods:{load:function(){var n=this;this.loading=!0,setTimeout(function(){return n.loading=!1},3e3)}}}},284:function(n,t,r){t=n.exports=r(59)(),t.push([n.i,".btn[data-v-36d425d8]{margin:1rem}","",{version:3,sources:["/./example/views/Button.vue"],names:[],mappings:"AACA,sBACE,WAAa,CACd",file:"Button.vue",sourcesContent:["\n.btn[data-v-36d425d8] {\n margin: 1rem;\n}"],sourceRoot:"webpack://"}])},307:function(n,t,r){var a=r(284);"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);r(226)("56dfe855",a,!0)},330:function(n,t){n.exports={render:function(){var n=this,t=n.$createElement,r=n._self._c||t;return r("article",[r("h1",[n._v("按钮 Button")]),n._v(" "),r("h2",[n._v("例子")]),n._v(" "),r("h3",[n._v("Default")]),n._v(" "),r("r-btn",[n._v("Default")]),n._v(" "),r("r-btn",{attrs:{disabled:""}},[n._v("Default")]),n._v(" "),r("h3",[n._v("Primary")]),n._v(" "),r("r-btn",{attrs:{primary:""}},[n._v("Primary")]),n._v(" "),r("r-btn",{attrs:{primary:"",disabled:""}},[n._v("Primary")]),n._v(" "),r("h3",[n._v("Secondary")]),n._v(" "),r("r-btn",{attrs:{secondary:""}},[n._v("Secondary")]),n._v(" "),r("r-btn",{attrs:{secondary:"",disabled:""}},[n._v("Secondary")]),n._v(" "),r("h3",[n._v("Info")]),n._v(" "),r("r-btn",{attrs:{info:""}},[n._v("Info")]),n._v(" "),r("r-btn",{attrs:{info:"",disabled:""}},[n._v("Info")]),n._v(" "),r("h3",[n._v("Success")]),n._v(" "),r("r-btn",{attrs:{success:""}},[n._v("Success")]),n._v(" "),r("r-btn",{attrs:{success:"",disabled:""}},[n._v("Success")]),n._v(" "),r("h3",[n._v("Warnin")]),n._v(" "),r("r-btn",{attrs:{warning:""}},[n._v("Warnin")]),n._v(" "),r("r-btn",{attrs:{warning:"",disabled:""}},[n._v("Warnin")]),n._v(" "),r("h3",[n._v("Error")]),n._v(" "),r("r-btn",{attrs:{error:""}},[n._v("Error")]),n._v(" "),r("r-btn",{attrs:{error:"",disabled:""}},[n._v("Error")]),n._v(" "),r("h3",[n._v("Outline")]),n._v(" "),r("r-btn",{attrs:{info:"",outline:""}},[n._v("Outline")]),n._v(" "),r("r-btn",{attrs:{info:"",outline:"",disabled:""}},[n._v("Outline")]),n._v(" "),r("h3",[n._v("Flat")]),n._v(" "),r("r-btn",{attrs:{info:"",flat:""}},[n._v("Flat")]),n._v(" "),r("r-btn",{attrs:{info:"",flat:"",disabled:""}},[n._v("Flat")]),n._v(" "),r("h3",[n._v("Link 链接")]),n._v(" "),r("r-btn",{attrs:{link:"",href:n.link,target:n.target}},[n._v("_Blank")]),n._v(" "),r("r-btn",{attrs:{link:"",href:n.link,target:"_self",success:""}},[n._v("_Self")]),n._v(" "),r("r-btn",{attrs:{link:"",primary:""}},[n._v("Link")]),n._v(" "),r("h3",[n._v("icon")]),n._v(" "),r("r-btn",{attrs:{icon:""}},[r("r-icon",[n._v("android")])],1),n._v(" "),r("r-btn",{attrs:{icon:""}},[r("r-icon",[n._v("call")])],1),n._v(" "),r("r-btn",{attrs:{icon:""}},[r("r-icon",[n._v("face")])],1),n._v(" "),r("h3",[n._v("圆形 icon")]),n._v(" "),r("r-btn",{attrs:{info:"",circle:""}},[r("r-icon",[n._v("check")])],1),n._v(" "),r("r-btn",{attrs:{info:"",circle:""}},[r("r-icon",[n._v("android")])],1),n._v(" "),r("h3",[n._v("椭圆形")]),n._v(" "),r("r-btn",{attrs:{info:"",round:""}},[n._v("椭圆形")]),n._v(" "),r("r-btn",{attrs:{success:"",round:""}},[n._v("椭圆形")]),n._v(" "),r("h3",[n._v("椭圆形 icon")]),n._v(" "),r("r-btn",{attrs:{error:"",round:""}},[r("r-icon",[n._v("delete")]),n._v("\n Delete\n ")],1),n._v(" "),r("r-btn",{attrs:{success:"",round:""}},[r("r-icon",[n._v("call")]),n._v("\n Telphone\n ")],1),n._v(" "),r("h3",[n._v("Small")]),n._v(" "),r("r-btn",{attrs:{info:"",small:""}},[n._v("Small")]),n._v(" "),r("r-btn",{attrs:{info:"",small:"",disabled:""}},[n._v("Small")]),n._v(" "),r("h3",[n._v("Large")]),n._v(" "),r("r-btn",{attrs:{info:"",large:""}},[n._v("Large")]),n._v(" "),r("r-btn",{attrs:{info:"",large:"",disabled:""}},[n._v("Large")]),n._v(" "),r("h3",[n._v("Block")]),n._v(" "),r("r-btn",{attrs:{block:""}},[n._v("Block")]),n._v(" "),r("r-btn",{attrs:{block:"",disabled:""}},[n._v("Block")]),n._v(" "),r("h3",[n._v("Loading")]),n._v(" "),r("r-btn",{attrs:{info:"",loading:n.loading,disabled:n.loading},nativeOn:{click:function(t){n.load()}}},[r("span",{slot:"loader"}),n._v(" 3s Loading\n ")]),n._v(" "),r("h2",[n._v("API")]),n._v(" "),r("Markup",{attrs:{lang:"html"}},[n._v('\n <r-btn>Default</r-btn>\n\n <r-btn primary>Primary</r-btn>\n\n <r-btn secondary>Secondary</r-btn>\n\n <r-btn info>Info</r-btn>\n \n <r-btn link :href="link" :target="target">_Blank</r-btn>\n <r-btn link :href="link" :target="\'_self\'" success>_Self</r-btn>\n <r-btn link primary>Link</r-btn>\n\n <r-btn icon>\n <r-icon>android</r-icon>\n </r-btn>\n\n <r-btn error round>\n <r-icon>delete</r-icon>\n Delete\n </r-btn>\n\n <r-btn block>Block</r-btn>\n\n <r-btn info :loading="loading" @click.native="load()" :disabled="loading">\n <span slot="loading"></span> 3s Loading\n </r-btn>\n ')]),n._v(" "),r("Markup",{attrs:{lang:"js"}},[n._v("\n export default {\n data () {\n return {\n link: 'https://www.ccforward.net/',\n target: '_blank',\n loading: false\n }\n },\n methods: {\n load () {\n this.loading = true\n setTimeout(() => this.loading = false, 3000)\n }\n }\n }\n ")])],1)},staticRenderFns:[]}}});