mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
738 lines
36 KiB
JavaScript
738 lines
36 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[194],{
|
||
|
||
/***/ 483:
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
// ESM COMPAT FLAG
|
||
__webpack_require__.r(__webpack_exports__);
|
||
|
||
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.js
|
||
var vue_esm_browser = __webpack_require__(0);
|
||
|
||
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--2-0!./website/md-loader!./website/docs/zh-CN/container.md?vue&type=template&id=122254f8
|
||
|
||
var containervue_type_template_id_122254f8_hoisted_1 = {
|
||
class: "content element-doc"
|
||
};
|
||
|
||
var containervue_type_template_id_122254f8_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h2 id=\"container-bu-ju-rong-qi\"><a class=\"header-anchor\" href=\"#container-bu-ju-rong-qi\">¶</a> Container 布局容器</h2><p>用于布局的容器组件，方便快速搭建页面的基本结构：</p><p><code><el-container></code>：外层容器。当子元素中包含 <code><el-header></code> 或 <code><el-footer></code> 时，全部子元素会垂直上下排列，否则会水平左右排列。</p><p><code><el-header></code>：顶栏容器。</p><p><code><el-aside></code>：侧边栏容器。</p><p><code><el-main></code>：主要区域容器。</p><p><code><el-footer></code>：底栏容器。</p><div class=\"tip\"><p>以上组件采用了 flex 布局，使用前请确定目标浏览器是否兼容。此外，<code><el-container></code> 的子元素只能是后四者，后四者的父元素也只能是 <code><el-container></code>。</p></div><h3 id=\"chang-jian-ye-mian-bu-ju\"><a class=\"header-anchor\" href=\"#chang-jian-ye-mian-bu-ju\">¶</a> 常见页面布局</h3>", 9);
|
||
|
||
var containervue_type_template_id_122254f8_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-container>\n <el-header>Header</el-header>\n <el-main>Main</el-main>\n</el-container>\n\n<el-container>\n <el-header>Header</el-header>\n <el-main>Main</el-main>\n <el-footer>Footer</el-footer>\n</el-container>\n\n<el-container>\n <el-aside width=\"200px\">Aside</el-aside>\n <el-main>Main</el-main>\n</el-container>\n\n<el-container>\n <el-header>Header</el-header>\n <el-container>\n <el-aside width=\"200px\">Aside</el-aside>\n <el-main>Main</el-main>\n </el-container>\n</el-container>\n\n<el-container>\n <el-header>Header</el-header>\n <el-container>\n <el-aside width=\"200px\">Aside</el-aside>\n <el-container>\n <el-main>Main</el-main>\n <el-footer>Footer</el-footer>\n </el-container>\n </el-container>\n</el-container>\n\n<el-container>\n <el-aside width=\"200px\">Aside</el-aside>\n <el-container>\n <el-header>Header</el-header>\n <el-main>Main</el-main>\n </el-container>\n</el-container>\n\n<el-container>\n <el-aside width=\"200px\">Aside</el-aside>\n <el-container>\n <el-header>Header</el-header>\n <el-main>Main</el-main>\n <el-footer>Footer</el-footer>\n </el-container>\n</el-container>\n\n<style>\n .el-header, .el-footer {\n background-color: #B3C0D1;\n color: #333;\n text-align: center;\n line-height: 60px;\n }\n \n .el-aside {\n background-color: #D3DCE6;\n color: #333;\n text-align: center;\n line-height: 200px;\n }\n \n .el-main {\n background-color: #E9EEF3;\n color: #333;\n text-align: center;\n line-height: 160px;\n }\n \n body > .el-container {\n margin-bottom: 40px;\n }\n \n .el-container:nth-child(5) .el-aside,\n .el-container:nth-child(6) .el-aside {\n line-height: 260px;\n }\n \n .el-container:nth-child(7) .el-aside {\n line-height: 320px;\n }\n</style>\n")], -1);
|
||
|
||
var containervue_type_template_id_122254f8_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
||
id: "shi-li"
|
||
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
||
class: "header-anchor",
|
||
href: "#shi-li"
|
||
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 实例")], -1);
|
||
|
||
var containervue_type_template_id_122254f8_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-container style=\"height: 500px; border: 1px solid #eee\">\n <el-aside width=\"200px\" style=\"background-color: rgb(238, 241, 246)\">\n <el-menu :default-openeds=\"['1', '3']\">\n <el-submenu index=\"1\">\n <template #title><i class=\"el-icon-message\"></i>导航一</template>\n <el-menu-item-group>\n <template #title>分组一</template>\n <el-menu-item index=\"1-1\">选项1</el-menu-item>\n <el-menu-item index=\"1-2\">选项2</el-menu-item>\n </el-menu-item-group>\n <el-menu-item-group title=\"分组2\">\n <el-menu-item index=\"1-3\">选项3</el-menu-item>\n </el-menu-item-group>\n <el-submenu index=\"1-4\">\n <template #title>选项4</template>\n <el-menu-item index=\"1-4-1\">选项4-1</el-menu-item>\n </el-submenu>\n </el-submenu>\n <el-submenu index=\"2\">\n <template #title><i class=\"el-icon-menu\"></i>导航二</template>\n <el-menu-item-group>\n <template #title>分组一</template>\n <el-menu-item index=\"2-1\">选项1</el-menu-item>\n <el-menu-item index=\"2-2\">选项2</el-menu-item>\n </el-menu-item-group>\n <el-menu-item-group title=\"分组2\">\n <el-menu-item index=\"2-3\">选项3</el-menu-item>\n </el-menu-item-group>\n <el-submenu index=\"2-4\">\n <template #title>选项4</template>\n <el-menu-item index=\"2-4-1\">选项4-1</el-menu-item>\n </el-submenu>\n </el-submenu>\n <el-submenu index=\"3\">\n <template #title><i class=\"el-icon-setting\"></i>导航三</template>\n <el-menu-item-group>\n <template #title>分组一</template>\n <el-menu-item index=\"3-1\">选项1</el-menu-item>\n <el-menu-item index=\"3-2\">选项2</el-menu-item>\n </el-menu-item-group>\n <el-menu-item-group title=\"分组2\">\n <el-menu-item index=\"3-3\">选项3</el-menu-item>\n </el-menu-item-group>\n <el-submenu index=\"3-4\">\n <template #title>选项4</template>\n <el-menu-item index=\"3-4-1\">选项4-1</el-menu-item>\n </el-submenu>\n </el-submenu>\n </el-menu>\n </el-aside>\n \n <el-container>\n <el-header style=\"text-align: right; font-size: 12px\">\n <el-dropdown>\n <i class=\"el-icon-setting\" style=\"margin-right: 15px\"></i>\n <template #dropdown>\n <el-dropdown-menu>\n <el-dropdown-item>查看</el-dropdown-item>\n <el-dropdown-item>新增</el-dropdown-item>\n <el-dropdown-item>删除</el-dropdown-item>\n </el-dropdown-menu>\n </template>\n </el-dropdown>\n <span>王小虎</span>\n </el-header>\n \n <el-main>\n <el-table :data=\"tableData\">\n <el-table-column prop=\"date\" label=\"日期\" width=\"140\">\n </el-table-column>\n <el-table-column prop=\"name\" label=\"姓名\" width=\"120\">\n </el-table-column>\n <el-table-column prop=\"address\" label=\"地址\">\n </el-table-column>\n </el-table>\n </el-main>\n </el-container>\n</el-container>\n\n<style>\n .el-header {\n background-color: #B3C0D1;\n color: #333;\n line-height: 60px;\n }\n \n .el-aside {\n color: #333;\n }\n</style>\n\n<script>\n export default {\n data() {\n const item = {\n date: '2016-05-02',\n name: '王小虎',\n address: '上海市普陀区金沙江路 1518 弄'\n };\n return {\n tableData: Array(20).fill(item)\n }\n }\n };\n</script>\n")], -1);
|
||
|
||
var containervue_type_template_id_122254f8_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"container-attributes\"><a class=\"header-anchor\" href=\"#container-attributes\">¶</a> Container Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>direction</td><td>子元素的排列方向</td><td>string</td><td>horizontal / vertical</td><td>子元素中有 <code>el-header</code> 或 <code>el-footer</code> 时为 vertical，否则为 horizontal</td></tr></tbody></table><h3 id=\"header-attributes\"><a class=\"header-anchor\" href=\"#header-attributes\">¶</a> Header Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>height</td><td>顶栏高度</td><td>string</td><td>—</td><td>60px</td></tr></tbody></table><h3 id=\"aside-attributes\"><a class=\"header-anchor\" href=\"#aside-attributes\">¶</a> Aside Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>width</td><td>侧边栏宽度</td><td>string</td><td>—</td><td>300px</td></tr></tbody></table><h3 id=\"footer-attributes\"><a class=\"header-anchor\" href=\"#footer-attributes\">¶</a> Footer Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>height</td><td>底栏高度</td><td>string</td><td>—</td><td>60px</td></tr></tbody></table>", 8);
|
||
|
||
function containervue_type_template_id_122254f8_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||
var _component_element_demo0 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo0");
|
||
|
||
var _component_demo_block = Object(vue_esm_browser["P" /* resolveComponent */])("demo-block");
|
||
|
||
var _component_element_demo1 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo1");
|
||
|
||
return Object(vue_esm_browser["G" /* openBlock */])(), Object(vue_esm_browser["j" /* createBlock */])("section", containervue_type_template_id_122254f8_hoisted_1, [containervue_type_template_id_122254f8_hoisted_2, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
||
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo0)];
|
||
}),
|
||
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [containervue_type_template_id_122254f8_hoisted_11];
|
||
}),
|
||
_: 1
|
||
}), containervue_type_template_id_122254f8_hoisted_12, Object(vue_esm_browser["o" /* createVNode */])(_component_demo_block, null, {
|
||
source: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [Object(vue_esm_browser["o" /* createVNode */])(_component_element_demo1)];
|
||
}),
|
||
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [containervue_type_template_id_122254f8_hoisted_13];
|
||
}),
|
||
_: 1
|
||
}), containervue_type_template_id_122254f8_hoisted_14]);
|
||
}
|
||
// CONCATENATED MODULE: ./website/docs/zh-CN/container.md?vue&type=template&id=122254f8
|
||
|
||
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js
|
||
var helpers_extends = __webpack_require__(7);
|
||
var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
|
||
|
||
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--2-0!./website/md-loader!./website/docs/zh-CN/container.md?vue&type=script&lang=ts
|
||
|
||
|
||
/* harmony default export */ var containervue_type_script_lang_ts = ({
|
||
name: 'component-doc',
|
||
components: {
|
||
"element-demo0": function () {
|
||
var _createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
||
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
||
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
||
_createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_openBlock = vue_esm_browser["G" /* openBlock */],
|
||
_createBlock = vue_esm_browser["j" /* createBlock */];
|
||
|
||
var _hoisted_1 = /*#__PURE__*/_createTextVNode("Header");
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createTextVNode("Main");
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createTextVNode("Header");
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createTextVNode("Main");
|
||
|
||
var _hoisted_5 = /*#__PURE__*/_createTextVNode("Footer");
|
||
|
||
var _hoisted_6 = /*#__PURE__*/_createTextVNode("Aside");
|
||
|
||
var _hoisted_7 = /*#__PURE__*/_createTextVNode("Main");
|
||
|
||
var _hoisted_8 = /*#__PURE__*/_createTextVNode("Header");
|
||
|
||
var _hoisted_9 = /*#__PURE__*/_createTextVNode("Aside");
|
||
|
||
var _hoisted_10 = /*#__PURE__*/_createTextVNode("Main");
|
||
|
||
var _hoisted_11 = /*#__PURE__*/_createTextVNode("Header");
|
||
|
||
var _hoisted_12 = /*#__PURE__*/_createTextVNode("Aside");
|
||
|
||
var _hoisted_13 = /*#__PURE__*/_createTextVNode("Main");
|
||
|
||
var _hoisted_14 = /*#__PURE__*/_createTextVNode("Footer");
|
||
|
||
var _hoisted_15 = /*#__PURE__*/_createTextVNode("Aside");
|
||
|
||
var _hoisted_16 = /*#__PURE__*/_createTextVNode("Header");
|
||
|
||
var _hoisted_17 = /*#__PURE__*/_createTextVNode("Main");
|
||
|
||
var _hoisted_18 = /*#__PURE__*/_createTextVNode("Aside");
|
||
|
||
var _hoisted_19 = /*#__PURE__*/_createTextVNode("Header");
|
||
|
||
var _hoisted_20 = /*#__PURE__*/_createTextVNode("Main");
|
||
|
||
var _hoisted_21 = /*#__PURE__*/_createTextVNode("Footer");
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_header = _resolveComponent("el-header");
|
||
|
||
var _component_el_main = _resolveComponent("el-main");
|
||
|
||
var _component_el_container = _resolveComponent("el-container");
|
||
|
||
var _component_el_footer = _resolveComponent("el-footer");
|
||
|
||
var _component_el_aside = _resolveComponent("el-aside");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_header, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_1];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_2];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_header, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_footer, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_5];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_aside, {
|
||
width: "200px"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_6];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_7];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_header, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_8];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_aside, {
|
||
width: "200px"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_9];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_10];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_header, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_11];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_aside, {
|
||
width: "200px"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_12];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_13];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_footer, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_14];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_aside, {
|
||
width: "200px"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_15];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_header, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_16];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_17];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_aside, {
|
||
width: "200px"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_18];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_header, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_19];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_20];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_footer, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_21];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}(),
|
||
"element-demo1": function () {
|
||
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_createTextVNode = vue_esm_browser["n" /* createTextVNode */],
|
||
_resolveComponent = vue_esm_browser["P" /* resolveComponent */],
|
||
_withCtx = vue_esm_browser["eb" /* withCtx */],
|
||
_openBlock = vue_esm_browser["G" /* openBlock */],
|
||
_createBlock = vue_esm_browser["j" /* createBlock */];
|
||
|
||
var _hoisted_1 = /*#__PURE__*/_createVNode("i", {
|
||
class: "el-icon-message"
|
||
}, null, -1);
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createTextVNode("导航一");
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createTextVNode("分组一");
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createTextVNode("选项1");
|
||
|
||
var _hoisted_5 = /*#__PURE__*/_createTextVNode("选项2");
|
||
|
||
var _hoisted_6 = /*#__PURE__*/_createTextVNode("选项3");
|
||
|
||
var _hoisted_7 = /*#__PURE__*/_createTextVNode("选项4");
|
||
|
||
var _hoisted_8 = /*#__PURE__*/_createTextVNode("选项4-1");
|
||
|
||
var _hoisted_9 = /*#__PURE__*/_createVNode("i", {
|
||
class: "el-icon-menu"
|
||
}, null, -1);
|
||
|
||
var _hoisted_10 = /*#__PURE__*/_createTextVNode("导航二");
|
||
|
||
var _hoisted_11 = /*#__PURE__*/_createTextVNode("分组一");
|
||
|
||
var _hoisted_12 = /*#__PURE__*/_createTextVNode("选项1");
|
||
|
||
var _hoisted_13 = /*#__PURE__*/_createTextVNode("选项2");
|
||
|
||
var _hoisted_14 = /*#__PURE__*/_createTextVNode("选项3");
|
||
|
||
var _hoisted_15 = /*#__PURE__*/_createTextVNode("选项4");
|
||
|
||
var _hoisted_16 = /*#__PURE__*/_createTextVNode("选项4-1");
|
||
|
||
var _hoisted_17 = /*#__PURE__*/_createVNode("i", {
|
||
class: "el-icon-setting"
|
||
}, null, -1);
|
||
|
||
var _hoisted_18 = /*#__PURE__*/_createTextVNode("导航三");
|
||
|
||
var _hoisted_19 = /*#__PURE__*/_createTextVNode("分组一");
|
||
|
||
var _hoisted_20 = /*#__PURE__*/_createTextVNode("选项1");
|
||
|
||
var _hoisted_21 = /*#__PURE__*/_createTextVNode("选项2");
|
||
|
||
var _hoisted_22 = /*#__PURE__*/_createTextVNode("选项3");
|
||
|
||
var _hoisted_23 = /*#__PURE__*/_createTextVNode("选项4");
|
||
|
||
var _hoisted_24 = /*#__PURE__*/_createTextVNode("选项4-1");
|
||
|
||
var _hoisted_25 = /*#__PURE__*/_createVNode("i", {
|
||
class: "el-icon-setting",
|
||
style: {
|
||
"margin-right": "15px"
|
||
}
|
||
}, null, -1);
|
||
|
||
var _hoisted_26 = /*#__PURE__*/_createTextVNode("查看");
|
||
|
||
var _hoisted_27 = /*#__PURE__*/_createTextVNode("新增");
|
||
|
||
var _hoisted_28 = /*#__PURE__*/_createTextVNode("删除");
|
||
|
||
var _hoisted_29 = /*#__PURE__*/_createVNode("span", null, "王小虎", -1);
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_menu_item = _resolveComponent("el-menu-item");
|
||
|
||
var _component_el_menu_item_group = _resolveComponent("el-menu-item-group");
|
||
|
||
var _component_el_submenu = _resolveComponent("el-submenu");
|
||
|
||
var _component_el_menu = _resolveComponent("el-menu");
|
||
|
||
var _component_el_aside = _resolveComponent("el-aside");
|
||
|
||
var _component_el_dropdown_item = _resolveComponent("el-dropdown-item");
|
||
|
||
var _component_el_dropdown_menu = _resolveComponent("el-dropdown-menu");
|
||
|
||
var _component_el_dropdown = _resolveComponent("el-dropdown");
|
||
|
||
var _component_el_header = _resolveComponent("el-header");
|
||
|
||
var _component_el_table_column = _resolveComponent("el-table-column");
|
||
|
||
var _component_el_table = _resolveComponent("el-table");
|
||
|
||
var _component_el_main = _resolveComponent("el-main");
|
||
|
||
var _component_el_container = _resolveComponent("el-container");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_container, {
|
||
style: {
|
||
"height": "500px",
|
||
"border": "1px solid #eee"
|
||
}
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_aside, {
|
||
width: "200px",
|
||
style: {
|
||
"background-color": "rgb(238, 241, 246)"
|
||
}
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu, {
|
||
"default-openeds": ['1', '3']
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_submenu, {
|
||
index: "1"
|
||
}, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_1, _hoisted_2];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item_group, null, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "1-1"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_menu_item, {
|
||
index: "1-2"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_5];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_menu_item_group, {
|
||
title: "分组2"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "1-3"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_6];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_submenu, {
|
||
index: "1-4"
|
||
}, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_7];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "1-4-1"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_8];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_submenu, {
|
||
index: "2"
|
||
}, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_9, _hoisted_10];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item_group, null, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_11];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "2-1"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_12];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_menu_item, {
|
||
index: "2-2"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_13];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_menu_item_group, {
|
||
title: "分组2"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "2-3"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_14];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_submenu, {
|
||
index: "2-4"
|
||
}, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_15];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "2-4-1"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_16];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_submenu, {
|
||
index: "3"
|
||
}, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_17, _hoisted_18];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item_group, null, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_19];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "3-1"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_20];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_menu_item, {
|
||
index: "3-2"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_21];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_menu_item_group, {
|
||
title: "分组2"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "3-3"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_22];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_submenu, {
|
||
index: "3-4"
|
||
}, {
|
||
title: _withCtx(function () {
|
||
return [_hoisted_23];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_menu_item, {
|
||
index: "3-4-1"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_24];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_container, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_header, {
|
||
style: {
|
||
"text-align": "right",
|
||
"font-size": "12px"
|
||
}
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_dropdown, null, {
|
||
dropdown: _withCtx(function () {
|
||
return [_createVNode(_component_el_dropdown_menu, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_dropdown_item, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_26];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_dropdown_item, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_27];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_dropdown_item, null, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_28];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
default: _withCtx(function () {
|
||
return [_hoisted_25];
|
||
}),
|
||
_: 1
|
||
}), _hoisted_29];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_main, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_table, {
|
||
data: _ctx.tableData
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_table_column, {
|
||
prop: "date",
|
||
label: "日期",
|
||
width: "140"
|
||
}), _createVNode(_component_el_table_column, {
|
||
prop: "name",
|
||
label: "姓名",
|
||
width: "120"
|
||
}), _createVNode(_component_el_table_column, {
|
||
prop: "address",
|
||
label: "地址"
|
||
})];
|
||
}),
|
||
_: 1
|
||
}, 8, ["data"])];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {
|
||
data: function data() {
|
||
var item = {
|
||
date: '2016-05-02',
|
||
name: '王小虎',
|
||
address: '上海市普陀区金沙江路 1518 弄'
|
||
};
|
||
return {
|
||
tableData: Array(20).fill(item)
|
||
};
|
||
}
|
||
};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}()
|
||
}
|
||
});
|
||
// CONCATENATED MODULE: ./website/docs/zh-CN/container.md?vue&type=script&lang=ts
|
||
|
||
// CONCATENATED MODULE: ./website/docs/zh-CN/container.md
|
||
|
||
|
||
|
||
containervue_type_script_lang_ts.render = containervue_type_template_id_122254f8_render
|
||
|
||
/* harmony default export */ var container = __webpack_exports__["default"] = (containervue_type_script_lang_ts);
|
||
|
||
/***/ })
|
||
|
||
}]); |