i-rubik/demo/js/1.dce92.js

A Vue.js 2.0+ UI Components Framework

webpackJsonp([1,29],{252:function(e,t,a){a(321);var r=a(0)(a(279),a(348),"data-v-a3f016b0",null);e.exports=r.exports},279:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"waves"}},298:function(e,t,a){t=e.exports=a(59)(),t.push([e.i,"button[data-v-a3f016b0]{margin:0 1rem 1rem 0}.wave-demo[data-v-a3f016b0]{display:inline-block;padding:0 3rem;min-height:3rem;line-height:3rem;font-size:1.1rem;border-radius:3px;cursor:pointer}","",{version:3,sources:["/./example/views/Waves.vue"],names:[],mappings:"AACA,wBACE,oBAAsB,CACvB,AACD,4BACE,qBAAsB,AACtB,eAAgB,AAChB,gBAAiB,AACjB,iBAAkB,AAClB,iBAAkB,AAClB,kBAAmB,AACnB,cAAgB,CACjB",file:"Waves.vue",sourcesContent:["\nbutton[data-v-a3f016b0] {\n  margin: 0 1rem 1rem 0;\n}\n.wave-demo[data-v-a3f016b0] {\n  display: inline-block;\n  padding: 0 3rem;\n  min-height: 3rem;\n  line-height: 3rem;\n  font-size: 1.1rem;\n  border-radius: 3px;\n  cursor: pointer;\n}"],sourceRoot:"webpack://"}])},321:function(e,t,a){var r=a(298);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);a(226)("5bbf6138",r,!0)},348:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("article",[a("h1",[e._v("水波 Waves")]),e._v(" "),a("h2",[e._v("例子")]),e._v(" "),a("h3",[e._v("按钮")]),e._v(" "),a("r-btn",{directives:[{name:"wave",rawName:"v-wave",value:{color:"purple"},expression:"{color:'purple'}"}],staticClass:"white black-text z-depth-2",attrs:{large:""}},[e._v("紫色 Waves")]),e._v(" "),a("r-btn",{directives:[{name:"wave",rawName:"v-wave",value:{color:"red"},expression:"{color:'red'}"}],staticClass:"white black-text z-depth-2",attrs:{large:""}},[e._v("红色 Waves")]),e._v(" "),a("br"),a("br"),e._v(" "),a("r-btn",{directives:[{name:"wave",rawName:"v-wave.light",modifiers:{light:!0}}],staticClass:"blue white-text",attrs:{large:""}},[e._v("浅色 Waves")]),e._v(" "),a("r-btn",{directives:[{name:"wave",rawName:"v-wave",value:{color:"white"},expression:"{color:'white'}"}],staticClass:"blue white-text",attrs:{large:""}},[e._v("白色 Waves")]),e._v(" "),a("h3",[e._v("其他元素")]),e._v(" "),a("div",{directives:[{name:"wave",rawName:"v-wave",value:{color:"green"},expression:"{color:'green'}"}],staticClass:"wave-demo z-depth-1 grey white-text"},[e._v("div 绿色 Waves")]),e._v(" "),a("br"),a("br"),e._v(" "),a("p",{directives:[{name:"wave",rawName:"v-wave",value:{color:"white"},expression:"{color:'white'}"}],staticClass:"wave-demo z-depth-1 red lighten-1 white-text"},[e._v("p 白色 Waves")]),e._v(" "),a("h2",[e._v("API")]),e._v(" "),a("h3",[e._v("指令说明")]),e._v(" "),e._m(0),e._v(" "),a("p",[e._v("\n    注意：元素在显示水波时会添加样式 position: relative !important \n  ")]),e._v(" "),a("Markup",{attrs:{lang:"html"}},[e._v('\n    <r-btn class="white black-text" large v-wave="{color:\'purple\'}">紫色 Waves</r-btn>\n    <r-btn class="blue white-text" large v-wave.light>浅色 Waves</r-btn>\n    <div class="grey white-text" v-wave="{color:\'green\'}">div 绿色 Waves</div>\n  ')])],1)},staticRenderFns:[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("table",{staticClass:"bordered responsive-table"},[a("thead",[a("th",[e._v("指令")]),e._v(" "),a("th",[e._v("说明")])]),e._v(" "),a("tbody",[a("tr",[a("td",[e._v("v-wave=\"{color:'purple'}\"")]),e._v(" "),a("td",[e._v("指令 value 对象的 color 对应水波颜色")])]),e._v(" "),a("tr",[a("td",[e._v("v-wave.light")]),e._v(" "),a("td",[e._v("浅色水波 此时 value 对象的 color 无效")])])])])}]}}});