fes.js/assets/js/12.85a9013e.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{381:function(t,s,a){t.exports=a.p+"assets/img/layout.46fd9766.png"},382:function(t,s,a){t.exports=a.p+"assets/img/layout2.46e53ef8.png"},452:function(t,s,a){"use strict";a.r(s);var e=a(46),r=Object(e.a)({},(function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"布局"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#布局"}},[t._v("#")]),t._v(" 布局")]),t._v(" "),e("p",[t._v("Fes设计的布局方式有两种，水平布局和垂直布局。")]),t._v(" "),e("h2",{attrs:{id:"水平布局"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#水平布局"}},[t._v("#")]),t._v(" 水平布局")]),t._v(" "),e("p",[e("img",{attrs:{src:a(381),alt:"水平布局"}}),t._v("\n默认为水平布局，在"),e("code",[t._v("fes.config.js")]),t._v("中配置：")]),t._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    mode"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vertical'")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"垂直布局"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#垂直布局"}},[t._v("#")]),t._v(" 垂直布局")]),t._v(" "),e("p",[e("img",{attrs:{src:a(382),alt:"垂直布局"}}),t._v("\n垂直布局，横向空间更大。配合"),e("a",{attrs:{href:"/ui/menu"}},[t._v("Menu")]),t._v("组件使用，可实现多级菜单。在"),e("code",[t._v("fes.config.js")]),t._v("中配置：")]),t._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n    mode"),e("span",{pre:!0,attrs:{class:"token operator"}},[t._v(":")]),t._v(" "),e("span",{pre:!0,attrs:{class:"token string"}},[t._v("'horizontal'")]),t._v("\n"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")])])]),e("h2",{attrs:{id:"内置布局类组件"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#内置布局类组件"}},[t._v("#")]),t._v(" 内置布局类组件")]),t._v(" "),e("p",[t._v("fes-ui 以及 "),e("code",[t._v("FesRouteMenu")]),t._v("，"),e("code",[t._v("FesSearchPanel")]),t._v("，"),e("code",[t._v("FesListPanel")])])])}),[],!1,null,null,null);s.default=r.exports}}]);