i-rubik/demo/js/18.4d82d.js

A Vue.js 2.0+ UI Components Framework

webpackJsonp([18,29],{231:function(t,a,r){r(314);var c=r(0)(r(257),r(339),"data-v-6f80a71c",null);t.exports=c.exports},257:function(t,a,r){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={name:"cards",data:function(){return{imgs:["http://7xiblh.com1.z0.glb.clouddn.com/rubikui/img/1.jpg","http://7xiblh.com1.z0.glb.clouddn.com/rubikui/img/2.jpg","http://7xiblh.com1.z0.glb.clouddn.com/rubikui/img/3.jpg","http://7xiblh.com1.z0.glb.clouddn.com/rubikui/img/4.jpg"],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. "}}}},291:function(t,a,r){a=t.exports=r(59)(),a.push([t.i,"h1 strong[data-v-6f80a71c]{font-size:1.5rem;vertical-align:top}.card-item[data-v-6f80a71c]{display:-ms-flexbox;display:flex;margin-bottom:30px}.card-item .card[data-v-6f80a71c]{-ms-flex:1;flex:1}.card-item.default .card[data-v-6f80a71c]:first-child,.card-item.horizon .card[data-v-6f80a71c]:first-child,.card-item.pics .card[data-v-6f80a71c]:first-child{margin-right:50px}.card-pic[data-v-6f80a71c]{width:320px;max-height:400px}.card-pic:nth-child(2) .card-row-actions[data-v-6f80a71c]{background:rgba(0,0,0,.5)}","",{version:3,sources:["/./example/views/Card.vue"],names:[],mappings:"AACA,2BACE,iBAAkB,AAClB,kBAAoB,CACrB,AACD,4BACE,oBAAqB,AACrB,aAAc,AACd,kBAAoB,CACrB,AACD,kCACE,WAAY,AACR,MAAQ,CACb,AACD,+JAGE,iBAAmB,CACpB,AACD,2BACE,YAAa,AACb,gBAAkB,CACnB,AACD,0DACE,yBAA4B,CAC7B",file:"Card.vue",sourcesContent:["\nh1 strong[data-v-6f80a71c] {\n  font-size: 1.5rem;\n  vertical-align: top;\n}\n.card-item[data-v-6f80a71c] {\n  display: -ms-flexbox;\n  display: flex;\n  margin-bottom: 30px;\n}\n.card-item .card[data-v-6f80a71c] {\n  -ms-flex: 1;\n      flex: 1;\n}\n.card-item.default .card[data-v-6f80a71c]:first-child,\n.card-item.pics .card[data-v-6f80a71c]:first-child,\n.card-item.horizon .card[data-v-6f80a71c]:first-child {\n  margin-right: 50px;\n}\n.card-pic[data-v-6f80a71c] {\n  width: 320px;\n  max-height: 400px;\n}\n.card-pic:nth-child(2) .card-row-actions[data-v-6f80a71c] {\n  background: rgba(0,0,0,0.5);\n}"],sourceRoot:"webpack://"}])},314:function(t,a,r){var c=r(291);"string"==typeof c&&(c=[[t.i,c,""]]),c.locals&&(t.exports=c.locals);r(226)("03e048d1",c,!0)},339:function(t,a){t.exports={render:function(){var t=this,a=t.$createElement,r=t._self._c||a;return r("article",[t._m(0),t._v(" "),r("h2",[t._v("例子")]),t._v(" "),r("h3",[t._v("default")]),t._v(" "),r("section",{staticClass:"card-item default"},[r("r-card",[r("r-card-text",[r("p",[t._v(t._s(t.txt))])])],1),t._v(" "),r("r-card",{staticClass:"green darken-1 white-text"},[r("r-card-text",[r("p",[t._v(t._s(t.txt))])])],1)],1),t._v(" "),r("h3",[t._v("带有头(Header)和尾(Footer)")]),t._v(" "),r("section",{staticClass:"card-item"},[r("r-card",[r("r-card-row",{staticClass:"green darken-1"},[r("r-card-title",{staticClass:"white-text"},[t._v("Header 卡片头部")])],1),t._v(" "),r("r-card-text",[r("r-card-row",{attrs:{height:"75px"}},[r("r-icon",{staticClass:"mr-5"},[t._v("call")]),t._v(" "),r("div",[r("p",[t._v("手机号")]),t._v(" "),r("p",[t._v("+8618899990000")])])],1)],1),t._v(" "),r("r-card-row",{attrs:{actions:""}},[r("r-btn",{staticClass:"red-text",attrs:{flat:""}},[t._v("Footer Button")])],1)],1)],1),t._v(" "),r("h3",[t._v("图片")]),t._v(" "),r("section",{staticClass:"card-item pics"},[r("r-card",{staticClass:"card-pic"},[r("r-card-row",{attrs:{img:"http://7xiblh.com1.z0.glb.clouddn.com/rubikui/img/1.jpg",height:"320px"}}),t._v(" "),r("r-card-text",[r("div",[t._v(t._s(t.txt))])]),t._v(" "),r("r-card-row",{attrs:{actions:"actions"}},[r("r-btn",{staticClass:"red-text",attrs:{flat:"flat"}},[t._v("Footer Button")])],1)],1),t._v(" "),r("r-card",{staticClass:"card-pic",attrs:{img:t.imgs[2],height:"auto"}},[r("r-card-row",{staticClass:"white-text pl-3 pt-3 pb-3",attrs:{actions:""}},[t._v("Footer 带有阴影 ")])],1)],1),t._v(" "),r("h3",[t._v("水平排列 Horizontal")]),t._v(" "),r("section",{staticClass:"card-item horizon"},[r("r-card",{attrs:{horizontal:""}},[r("r-card-row",{attrs:{img:t.imgs[0],height:"150px"}}),t._v(" "),r("r-card-column",[r("r-card-row",{staticClass:"brown white-text",attrs:{height:"75px"}},[r("r-card-text",[r("p",[t._v("\n              "+t._s(t.txt)+"\n            ")])])],1),t._v(" "),r("r-card-row",{staticClass:"brown darken-2",attrs:{actions:""}},[r("r-btn",{staticClass:"white-text",attrs:{flat:""}},[r("r-icon",{attrs:{left:""}},[t._v("call")]),t._v("\n            1234567890\n          ")],1)],1)],1)],1)],1),t._v(" "),r("h2",[t._v("API")]),t._v(" "),r("h3",[t._v("props")]),t._v(" "),r("p",[t._v("\n    TODO...\n  ")]),t._v(" "),r("Markup",{attrs:{lang:"html"}},[t._v('\n    // Basic\n\n    <r-card>\n      <r-card-text>\n        <p>...</p>\n      </r-card-text>\n    </r-card>\n\n    // Header Footer\n\n    <r-card>\n      <r-card-row class="green darken-1">\n        <r-card-title class="white-text">Header 卡片头部</r-card-title>\n      </r-card-row>\n      <r-card-text>\n        <r-card-row height="75px">\n          <r-icon class="mr-5">call</r-icon>\n          <div>\n            <p>手机号</p>\n            <p>+8618899990000</p>\n          </div>\n        </r-card-row>\n      </r-card-text>\n      <r-card-row actions>\n        <r-btn class="red-text" flat>Footer Button</r-btn>\n      </r-card-row>\n    </r-card>\n\n    // 图片\n\n    <r-card class="card-pic" :img="imgs[2]" height="auto">\n      <r-card-row class="white-text pl-3 pt-3 pb-3" actions>Footer 带有阴影 </r-card-row>\n    </r-card>\n\n  ')])],1)},staticRenderFns:[function(){var t=this,a=t.$createElement,r=t._self._c||a;return r("h1",[t._v("卡片 Card "),r("strong",{staticClass:"red-text"},[t._v("beta")])])}]}}});