UNPKG

gulu-vue2

Version:

用 Vue2 做的 UI 框架

1 lines • 5.98 kB
1
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{264:function(e,t,a){},265:function(e,t,a){},266:function(e,t,a){},267:function(e,t,a){},268:function(e,t,a){},269:function(e,t,a){},302:function(e,t,a){"use strict";a(264)},303:function(e,t,a){"use strict";a(265)},304:function(e,t,a){"use strict";a(266)},305:function(e,t,a){"use strict";a(267)},306:function(e,t,a){"use strict";a(268)},307:function(e,t,a){"use strict";a(269)},319:function(e,t,a){"use strict";a.r(t);var o={name:"GLayout",data:()=>({hasSider:!1}),mounted(){this.$children.forEach(e=>{"GSider"===e.$options.name&&(this.hasSider=!0)})}},s=(a(302),a(14)),r=Object(s.a)(o,(function(){return(0,this._self._c)("div",{class:["g-layout",{"has-sider":this.hasSider}]},[this._t("default")],2)}),[],!1,null,"776f5620",null).exports,l={name:"GHeader"},n=(a(303),Object(s.a)(l,(function(){return(0,this._self._c)("div",{staticClass:"g-header"},[this._t("default")],2)}),[],!1,null,"48ec47ed",null).exports),c={name:"GFooter"},i=(a(304),Object(s.a)(c,(function(){return(0,this._self._c)("div",{staticClass:"g-footer"},[this._t("default")],2)}),[],!1,null,"5faaf0de",null).exports),d={name:"GContent"},g=(a(305),Object(s.a)(d,(function(){return(0,this._self._c)("div",{staticClass:"g-content"},[this._t("default")],2)}),[],!1,null,"4a7001c4",null).exports),u={name:"GSider"},_=(a(306),{name:"Layout-demos",components:{"g-layout":r,"g-header":n,"g-footer":i,"g-content":g,"g-sider":Object(s.a)(u,(function(){return(0,this._self._c)("div",{staticClass:"g-sider"},[this._t("default")],2)}),[],!1,null,"169c76fb",null).exports},data:()=>({code1:'\n <g-layout style="height: 200px; background-color: #eee">\n <g-header style="border: 1px solid #aaa">header</g-header>\n <g-content style="border: 1px solid #aaa">content</g-content>\n <g-footer style="border: 1px solid #aaa">footer</g-footer>\n </g-layout>\n '.replace(/^ {8}/gm,"").trim(),code2:'\n <g-layout style="height: 200px; background-color: #eee">\n <g-header style="border: 1px solid #aaa">header</g-header>\n <g-layout>\n <g-sider style="border: 1px solid #aaa">sider</g-sider>\n <g-content style="border: 1px solid #aaa">content</g-content>\n </g-layout>\n <g-footer style="border: 1px solid #aaa">footer</g-footer>\n </g-layout>\n '.replace(/^ {8}/gm,"").trim(),code3:'\n <g-layout style="height: 200px; background-color: #eee">\n <g-header style="border: 1px solid #aaa">header</g-header>\n <g-layout>\n <g-content style="border: 1px solid #aaa">content</g-content>\n <g-sider style="border: 1px solid #aaa">sider</g-sider>\n </g-layout>\n <g-footer style="border: 1px solid #aaa">footer</g-footer>\n </g-layout>\n '.replace(/^ {8}/gm,"").trim(),code4:'\n <g-layout style="height: 200px; background-color: #eee">\n <g-sider style="border: 1px solid #aaa" class="center_flex">sider</g-sider>\n <g-layout>\n <g-header style="border: 1px solid #aaa" class="center_flex">header</g-header>\n <g-content style="border: 1px solid #aaa" class="center_flex">content</g-content>\n <g-footer style="border: 1px solid #aaa" class="center_flex">footer</g-footer>\n </g-layout>\n </g-layout>\n '.replace(/^ {8}/gm,"").trim()})}),f=(a(307),Object(s.a)(_,(function(){var e=this,t=e._self._c;return t("div",[t("section",[t("p",[e._v("基础布局")]),e._v(" "),t("g-layout",{staticStyle:{height:"200px","background-color":"#eee"}},[t("g-header",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("header")]),e._v(" "),t("g-content",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("content")]),e._v(" "),t("g-footer",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("footer")])],1),e._v(" "),t("pre",[t("code",[e._v(e._s(e.code1))])])],1),e._v(" "),t("section",[t("p",[e._v("侧边栏在内容左边")]),e._v(" "),t("g-layout",{staticStyle:{height:"200px","background-color":"#eee"}},[t("g-header",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("header")]),e._v(" "),t("g-layout",[t("g-sider",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("sider")]),e._v(" "),t("g-content",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("content")])],1),e._v(" "),t("g-footer",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("footer")])],1),e._v(" "),t("pre",[t("code",[e._v(e._s(e.code2))])])],1),e._v(" "),t("section",[t("p",[e._v("侧边栏在内容右边")]),e._v(" "),t("g-layout",{staticStyle:{height:"200px","background-color":"#eee"}},[t("g-header",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("header")]),e._v(" "),t("g-layout",[t("g-content",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("content")]),e._v(" "),t("g-sider",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("sider")])],1),e._v(" "),t("g-footer",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("footer")])],1),e._v(" "),t("pre",[t("code",[e._v(e._s(e.code3))])])],1),e._v(" "),t("section",[t("p",[e._v("侧边栏在整体布局左边")]),e._v(" "),t("g-layout",{staticStyle:{height:"200px","background-color":"#eee"}},[t("g-sider",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("sider")]),e._v(" "),t("g-layout",[t("g-header",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("header")]),e._v(" "),t("g-content",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("content")]),e._v(" "),t("g-footer",{staticClass:"center_flex",staticStyle:{border:"1px solid #aaa"}},[e._v("footer")])],1)],1),e._v(" "),t("pre",[t("code",[e._v(e._s(e.code4))])])],1)])}),[],!1,null,"4aeb5e9b",null));t.default=f.exports}}]);