-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path9.1f4ac365307b9a44e729.js
1 lines (1 loc) · 4.62 KB
/
9.1f4ac365307b9a44e729.js
1
webpackJsonp([9],{177:function(t,n,e){"use strict";function i(t){a||e(233)}Object.defineProperty(n,"__esModule",{value:!0});var s=e(191),A=e(219),a=!1,o=e(1),l=i,c=o(s.a,A.a,l,"data-v-225e7554",null);c.options.__file="src\\views\\menu\\verticalMenu\\index.vue",c.esModule&&Object.keys(c.esModule).some(function(t){return"default"!==t&&"__"!==t.substr(0,2)}),c.options.functional,n.default=c.exports},191:function(t,n,e){"use strict";n.a={}},205:function(t,n,e){n=t.exports=e(0)(!0),n.push([t.i,"/*\n 这里定义了整个项目的公共的样式\n */\n/*每一个路由页面的标题样式*/\n.title[data-v-225e7554] {\n font-size: 24px;\n color: #99A9BF;\n margin: 10px;\n}\n/*每一项的标题样式*/\n.title-item[data-v-225e7554] {\n display: block;\n border-left: 8px solid #D3DCE6;\n color: #E5E9F2;\n font-size: 18px;\n padding-left: 10px;\n margin: 8px;\n}\n/*每一个段落的样式*/\n.content-item[data-v-225e7554] {\n margin: 10px;\n line-height: 1.5;\n text-indent: 2em;\n width: 90%;\n padding-left: 20px;\n}\n/*去除li的默认样式*/\nul[data-v-225e7554] {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n","",{version:3,sources:["E:/components/componentsDEMO/src/views/menu/verticalMenu/index.vue"],names:[],mappings:"AAAA;;GAEG;AACH,gBAAgB;AAChB;EACE,gBAAgB;EAChB,eAAe;EACf,aAAa;CACd;AACD,YAAY;AACZ;EACE,eAAe;EACf,+BAA+B;EAC/B,eAAe;EACf,gBAAgB;EAChB,mBAAmB;EACnB,YAAY;CACb;AACD,YAAY;AACZ;EACE,aAAa;EACb,iBAAiB;EACjB,iBAAiB;EACjB,WAAW;EACX,mBAAmB;CACpB;AACD,aAAa;AACb;EACE,WAAW;EACX,UAAU;EACV,iBAAiB;CAClB",file:"index.vue",sourcesContent:["/*\n 这里定义了整个项目的公共的样式\n */\n/*每一个路由页面的标题样式*/\n.title {\n font-size: 24px;\n color: #99A9BF;\n margin: 10px;\n}\n/*每一项的标题样式*/\n.title-item {\n display: block;\n border-left: 8px solid #D3DCE6;\n color: #E5E9F2;\n font-size: 18px;\n padding-left: 10px;\n margin: 8px;\n}\n/*每一个段落的样式*/\n.content-item {\n margin: 10px;\n line-height: 1.5;\n text-indent: 2em;\n width: 90%;\n padding-left: 20px;\n}\n/*去除li的默认样式*/\nul {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n"],sourceRoot:""}])},219:function(t,n,e){"use strict";var i=function(){var t=this,n=t.$createElement;t._self._c;return t._m(0)},s=[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("section",[e("h2",{staticClass:"title"},[t._v("菜单组件 > 垂直菜单")]),t._v(" "),e("h3",{staticClass:"title-item"},[t._v("组件说明")]),t._v(" "),e("p",{staticClass:"content-item"},[t._v("\n\t\t这个垂直的菜单组件可一般用于后台管理，组件接受一个数组作为参数，此菜单可以是二级菜单，也可以是三级菜单，这取决于你传入的这个数组的数据结构，如果只是嵌套一层数组，那么他会是一个二级的菜单，但是如果嵌套了两级数组，那么他会是一个三级菜单。不过他最多的菜单层级只能是三级。对于菜单的颜色样式，可进行修改。\n\t")]),t._v(" "),e("h3",{staticClass:"title-item"},[t._v("示例")]),t._v(" "),e("p",{staticClass:"content-item"},[t._v('\n\t\t在页面中引入<pg-menu :menus="menuList"></pg-menu>\n\t\t然后menuList可以传入\n\t\t'),e("pre",[t._v("\t\t[\n\t\t\t{\n\t\t path: '/',\n\t\t name: '订单管理',\n\t\t iconCls: '',\n\t\t children: [\n\t\t {\n\t\t path: '/order',\n\t\t name: '订单管理首页',\n\t\t iconCls: ''\n\t\t },\n\t\t {\n\t\t path: '/orderList',\n\t\t name: '订单列表',\n\t\t iconCls: '',\n\t\t children: [\n\t\t {\n\t\t path: '/orderDetail',\n\t\t name: '订单详情',\n\t\t iconCls: '',\n\t\t }\n\t\t ]\n\t\t },\n\t\t ]\n\t\t }\n\t\t]\n\t\t")]),t._v("\n\t\t便可以\n\t")]),t._v(" "),e("p",{staticClass:"content-item"},[t._v("\n\t\t如果在项目中使用了iconfont,只需要传入相应的字体图标的类名到iconCls字段即可显示，\n\t\t这样的菜单可以是静态的，也可以是动态的菜单，既可以从请求接口获取。动态的菜单可以结合账号和角色进行系统的权限配置\n\t")]),t._v(" "),e("h3",{staticClass:"title-item"},[t._v("效果")]),t._v(" "),e("p",{staticClass:"content-item"},[t._v("\n\t\t效果见项目左侧的菜单\n\t")])])}];i._withStripped=!0;var A={render:i,staticRenderFns:s};n.a=A},233:function(t,n,e){var i=e(205);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);e(2)("551ed692",i,!1)}});