mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
1060 lines
50 KiB
JavaScript
1060 lines
50 KiB
JavaScript
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[212],{
|
||
|
||
/***/ 495:
|
||
/***/ (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/layout.md?vue&type=template&id=616f4f94&bindings={}
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_1 = {
|
||
class: "content element-doc"
|
||
};
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h2", {
|
||
id: "layout-bu-ju"
|
||
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
||
class: "header-anchor",
|
||
href: "#layout-bu-ju"
|
||
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" Layout 布局")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "通过基础的 24 分栏，迅速简便地创建布局。", -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
||
id: "ji-chu-bu-ju"
|
||
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
||
class: "header-anchor",
|
||
href: "#ji-chu-bu-ju"
|
||
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 基础布局")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "使用单一分栏创建基础的栅格布局。", -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("通过 row 和 col 组件，并通过 col 组件的 "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "span"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性我们就可以自由地组合布局。")])], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_7 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-row>\n <el-col :span=\"24\"><div class=\"grid-content bg-purple-dark\"></div></el-col>\n</el-row>\n<el-row>\n <el-col :span=\"12\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"12\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n</el-row>\n<el-row>\n <el-col :span=\"8\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"8\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"8\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n</el-row>\n<el-row>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n</el-row>\n\n<style>\n .el-row {\n margin-bottom: 20px;\n &:last-child {\n margin-bottom: 0;\n }\n }\n .el-col {\n border-radius: 4px;\n }\n .bg-purple-dark {\n background: #99a9bf;\n }\n .bg-purple {\n background: #d3dce6;\n }\n .bg-purple-light {\n background: #e5e9f2;\n }\n .grid-content {\n border-radius: 4px;\n min-height: 36px;\n }\n .row-bg {\n padding: 10px 0;\n background-color: #f9fafc;\n }\n</style>\n")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
||
id: "fen-lan-jian-ge"
|
||
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
||
class: "header-anchor",
|
||
href: "#fen-lan-jian-ge"
|
||
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 分栏间隔")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "分栏之间存在间隔。", -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_10 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("Row 组件 提供 "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "gutter"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性来指定每一栏之间的间隔，默认间隔为 0。")])], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-row :gutter=\"20\">\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n\n<style>\n .el-row {\n margin-bottom: 20px;\n &:last-child {\n margin-bottom: 0;\n }\n }\n .el-col {\n border-radius: 4px;\n }\n .bg-purple-dark {\n background: #99a9bf;\n }\n .bg-purple {\n background: #d3dce6;\n }\n .bg-purple-light {\n background: #e5e9f2;\n }\n .grid-content {\n border-radius: 4px;\n min-height: 36px;\n }\n .row-bg {\n padding: 10px 0;\n background-color: #f9fafc;\n }\n</style>\n")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
||
id: "hun-he-bu-ju"
|
||
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
||
class: "header-anchor",
|
||
href: "#hun-he-bu-ju"
|
||
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 混合布局")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "通过基础的 1/24 分栏任意扩展组合形成较为复杂的混合布局。", -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-row :gutter=\"20\">\n <el-col :span=\"16\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"8\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row :gutter=\"20\">\n <el-col :span=\"8\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"8\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row :gutter=\"20\">\n <el-col :span=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"16\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"4\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n\n<style>\n .el-row {\n margin-bottom: 20px;\n &:last-child {\n margin-bottom: 0;\n }\n }\n .el-col {\n border-radius: 4px;\n }\n .bg-purple-dark {\n background: #99a9bf;\n }\n .bg-purple {\n background: #d3dce6;\n }\n .bg-purple-light {\n background: #e5e9f2;\n }\n .grid-content {\n border-radius: 4px;\n min-height: 36px;\n }\n .row-bg {\n padding: 10px 0;\n background-color: #f9fafc;\n }\n</style>\n")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_15 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
||
id: "fen-lan-pian-yi"
|
||
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
||
class: "header-anchor",
|
||
href: "#fen-lan-pian-yi"
|
||
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 分栏偏移")], -1);
|
||
|
||
var layoutvue_type_template_id_616f4f94_bindings_hoisted_16 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, "支持偏移指定的栏数。", -1);
|
||
|
||
var _hoisted_17 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("通过制定 col 组件的 "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "offset"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性可以指定分栏偏移的栏数。")])], -1);
|
||
|
||
var _hoisted_18 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-row :gutter=\"20\">\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\" :offset=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row :gutter=\"20\">\n <el-col :span=\"6\" :offset=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\" :offset=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row :gutter=\"20\">\n <el-col :span=\"12\" :offset=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n\n<style>\n .el-row {\n margin-bottom: 20px;\n &:last-child {\n margin-bottom: 0;\n }\n }\n .el-col {\n border-radius: 4px;\n }\n .bg-purple-dark {\n background: #99a9bf;\n }\n .bg-purple {\n background: #d3dce6;\n }\n .bg-purple-light {\n background: #e5e9f2;\n }\n .grid-content {\n border-radius: 4px;\n min-height: 36px;\n }\n .row-bg {\n padding: 10px 0;\n background-color: #f9fafc;\n }\n</style>\n")], -1);
|
||
|
||
var _hoisted_19 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("h3", {
|
||
id: "dui-qi-fang-shi"
|
||
}, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("a", {
|
||
class: "header-anchor",
|
||
href: "#dui-qi-fang-shi"
|
||
}, "¶"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 对齐方式")], -1);
|
||
|
||
var _hoisted_20 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("通过 "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "flex"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 布局来对分栏进行灵活的对齐。")], -1);
|
||
|
||
var _hoisted_21 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("div", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("p", null, [/*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])("将 "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "type"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性赋值为 'flex'，可以启用 flex 布局，并可通过 "), /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", null, "justify"), /*#__PURE__*/Object(vue_esm_browser["n" /* createTextVNode */])(" 属性来指定 start, center, end, space-between, space-around 其中的值来定义子元素的排版方式。")])], -1);
|
||
|
||
var _hoisted_22 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-row type=\"flex\" class=\"row-bg\">\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row type=\"flex\" class=\"row-bg\" justify=\"center\">\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row type=\"flex\" class=\"row-bg\" justify=\"end\">\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row type=\"flex\" class=\"row-bg\" justify=\"space-between\">\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n<el-row type=\"flex\" class=\"row-bg\" justify=\"space-around\">\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :span=\"6\"><div class=\"grid-content bg-purple\"></div></el-col>\n</el-row>\n\n<style>\n .el-row {\n margin-bottom: 20px;\n &:last-child {\n margin-bottom: 0;\n }\n }\n .el-col {\n border-radius: 4px;\n }\n .bg-purple-dark {\n background: #99a9bf;\n }\n .bg-purple {\n background: #d3dce6;\n }\n .bg-purple-light {\n background: #e5e9f2;\n }\n .grid-content {\n border-radius: 4px;\n min-height: 36px;\n }\n .row-bg {\n padding: 10px 0;\n background-color: #f9fafc;\n }\n</style>\n")], -1);
|
||
|
||
var _hoisted_23 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"xiang-ying-shi-bu-ju\"><a class=\"header-anchor\" href=\"#xiang-ying-shi-bu-ju\">¶</a> 响应式布局</h3><p>参照了 Bootstrap 的 响应式设计，预设了五个响应尺寸：<code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code> 和 <code>xl</code>。</p>", 2);
|
||
|
||
var _hoisted_25 = /*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("pre", null, [/*#__PURE__*/Object(vue_esm_browser["o" /* createVNode */])("code", {
|
||
class: "html"
|
||
}, "<el-row :gutter=\"10\">\n <el-col :xs=\"8\" :sm=\"6\" :md=\"4\" :lg=\"3\" :xl=\"1\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :xs=\"4\" :sm=\"6\" :md=\"8\" :lg=\"9\" :xl=\"11\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n <el-col :xs=\"4\" :sm=\"6\" :md=\"8\" :lg=\"9\" :xl=\"11\"><div class=\"grid-content bg-purple\"></div></el-col>\n <el-col :xs=\"8\" :sm=\"6\" :md=\"4\" :lg=\"3\" :xl=\"1\"><div class=\"grid-content bg-purple-light\"></div></el-col>\n</el-row>\n\n<style>\n .el-col {\n border-radius: 4px;\n }\n .bg-purple-dark {\n background: #99a9bf;\n }\n .bg-purple {\n background: #d3dce6;\n }\n .bg-purple-light {\n background: #e5e9f2;\n }\n .grid-content {\n border-radius: 4px;\n min-height: 36px;\n }\n</style>\n")], -1);
|
||
|
||
var _hoisted_26 = /*#__PURE__*/Object(vue_esm_browser["m" /* createStaticVNode */])("<h3 id=\"ji-yu-duan-dian-de-yin-cang-lei\"><a class=\"header-anchor\" href=\"#ji-yu-duan-dian-de-yin-cang-lei\">¶</a> 基于断点的隐藏类</h3><p>Element Plus 额外提供了一系列类名，用于在某些条件下隐藏元素。这些类名可以添加在任何 DOM 元素或自定义组件上。如果需要，请自行引入以下文件：</p><pre><code class=\"hljs language-js\"><span class=\"hljs-keyword\">import</span> <span class=\"hljs-string\">'element-plus/lib/theme-chalk/display.css'</span>;\n</code></pre><p>包含的类名及其含义为：</p><ul><li><code>hidden-xs-only</code> - 当视口在 <code>xs</code> 尺寸时隐藏</li><li><code>hidden-sm-only</code> - 当视口在 <code>sm</code> 尺寸时隐藏</li><li><code>hidden-sm-and-down</code> - 当视口在 <code>sm</code> 及以下尺寸时隐藏</li><li><code>hidden-sm-and-up</code> - 当视口在 <code>sm</code> 及以上尺寸时隐藏</li><li><code>hidden-md-only</code> - 当视口在 <code>md</code> 尺寸时隐藏</li><li><code>hidden-md-and-down</code> - 当视口在 <code>md</code> 及以下尺寸时隐藏</li><li><code>hidden-md-and-up</code> - 当视口在 <code>md</code> 及以上尺寸时隐藏</li><li><code>hidden-lg-only</code> - 当视口在 <code>lg</code> 尺寸时隐藏</li><li><code>hidden-lg-and-down</code> - 当视口在 <code>lg</code> 及以下尺寸时隐藏</li><li><code>hidden-lg-and-up</code> - 当视口在 <code>lg</code> 及以上尺寸时隐藏</li><li><code>hidden-xl-only</code> - 当视口在 <code>xl</code> 尺寸时隐藏</li></ul><h3 id=\"row-attributes\"><a class=\"header-anchor\" href=\"#row-attributes\">¶</a> Row Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>gutter</td><td>栅格间隔</td><td>number</td><td>—</td><td>0</td></tr><tr><td>type</td><td>布局模式，可选 flex，现代浏览器下有效</td><td>string</td><td>—</td><td>—</td></tr><tr><td>justify</td><td>flex 布局下的水平排列方式</td><td>string</td><td>start/end/center/space-around/space-between</td><td>start</td></tr><tr><td>align</td><td>flex 布局下的垂直排列方式</td><td>string</td><td>top/middle/bottom</td><td>top</td></tr><tr><td>tag</td><td>自定义元素标签</td><td>string</td><td>*</td><td>div</td></tr></tbody></table><h3 id=\"col-attributes\"><a class=\"header-anchor\" href=\"#col-attributes\">¶</a> Col Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>span</td><td>栅格占据的列数</td><td>number</td><td>—</td><td>24</td></tr><tr><td>offset</td><td>栅格左侧的间隔格数</td><td>number</td><td>—</td><td>0</td></tr><tr><td>push</td><td>栅格向右移动格数</td><td>number</td><td>—</td><td>0</td></tr><tr><td>pull</td><td>栅格向左移动格数</td><td>number</td><td>—</td><td>0</td></tr><tr><td>xs</td><td><code><768px</code> 响应式栅格数或者栅格属性对象</td><td>number/object (例如： {span: 4, offset: 4})</td><td>—</td><td>—</td></tr><tr><td>sm</td><td><code>≥768px</code> 响应式栅格数或者栅格属性对象</td><td>number/object (例如： {span: 4, offset: 4})</td><td>—</td><td>—</td></tr><tr><td>md</td><td><code>≥992px</code> 响应式栅格数或者栅格属性对象</td><td>number/object (例如： {span: 4, offset: 4})</td><td>—</td><td>—</td></tr><tr><td>lg</td><td><code>≥1200px</code> 响应式栅格数或者栅格属性对象</td><td>number/object (例如： {span: 4, offset: 4})</td><td>—</td><td>—</td></tr><tr><td>xl</td><td><code>≥1920px</code> 响应式栅格数或者栅格属性对象</td><td>number/object (例如： {span: 4, offset: 4})</td><td>—</td><td>—</td></tr><tr><td>tag</td><td>自定义元素标签</td><td>string</td><td>*</td><td>div</td></tr></tbody></table>", 9);
|
||
|
||
function layoutvue_type_template_id_616f4f94_bindings_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");
|
||
|
||
var _component_element_demo2 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo2");
|
||
|
||
var _component_element_demo3 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo3");
|
||
|
||
var _component_element_demo4 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo4");
|
||
|
||
var _component_element_demo5 = Object(vue_esm_browser["P" /* resolveComponent */])("element-demo5");
|
||
|
||
return Object(vue_esm_browser["G" /* openBlock */])(), Object(vue_esm_browser["j" /* createBlock */])("section", layoutvue_type_template_id_616f4f94_bindings_hoisted_1, [layoutvue_type_template_id_616f4f94_bindings_hoisted_2, layoutvue_type_template_id_616f4f94_bindings_hoisted_3, layoutvue_type_template_id_616f4f94_bindings_hoisted_4, layoutvue_type_template_id_616f4f94_bindings_hoisted_5, 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 [layoutvue_type_template_id_616f4f94_bindings_hoisted_7];
|
||
}),
|
||
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [layoutvue_type_template_id_616f4f94_bindings_hoisted_6];
|
||
}),
|
||
_: 1
|
||
}), layoutvue_type_template_id_616f4f94_bindings_hoisted_8, layoutvue_type_template_id_616f4f94_bindings_hoisted_9, 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 [layoutvue_type_template_id_616f4f94_bindings_hoisted_11];
|
||
}),
|
||
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [layoutvue_type_template_id_616f4f94_bindings_hoisted_10];
|
||
}),
|
||
_: 1
|
||
}), layoutvue_type_template_id_616f4f94_bindings_hoisted_12, layoutvue_type_template_id_616f4f94_bindings_hoisted_13, 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_demo2)];
|
||
}),
|
||
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [layoutvue_type_template_id_616f4f94_bindings_hoisted_14];
|
||
}),
|
||
_: 1
|
||
}), layoutvue_type_template_id_616f4f94_bindings_hoisted_15, layoutvue_type_template_id_616f4f94_bindings_hoisted_16, 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_demo3)];
|
||
}),
|
||
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [_hoisted_18];
|
||
}),
|
||
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [_hoisted_17];
|
||
}),
|
||
_: 1
|
||
}), _hoisted_19, _hoisted_20, 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_demo4)];
|
||
}),
|
||
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [_hoisted_22];
|
||
}),
|
||
default: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [_hoisted_21];
|
||
}),
|
||
_: 1
|
||
}), _hoisted_23, 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_demo5)];
|
||
}),
|
||
highlight: Object(vue_esm_browser["eb" /* withCtx */])(function () {
|
||
return [_hoisted_25];
|
||
}),
|
||
_: 1
|
||
}), _hoisted_26]);
|
||
}
|
||
// CONCATENATED MODULE: ./website/docs/zh-CN/layout.md?vue&type=template&id=616f4f94&bindings={}
|
||
|
||
// 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/layout.md?vue&type=script&lang=ts
|
||
|
||
|
||
/* harmony default export */ var layoutvue_type_script_lang_ts = ({
|
||
name: 'component-doc',
|
||
components: {
|
||
"element-demo0": function () {
|
||
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_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("div", {
|
||
class: "grid-content bg-purple-dark"
|
||
}, null, -1);
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_5 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_6 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_7 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_8 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_9 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_10 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_11 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_12 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_13 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_14 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_15 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_16 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_col = _resolveComponent("el-col");
|
||
|
||
var _component_el_row = _resolveComponent("el-row");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 24
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_1];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 12
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_2];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 12
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 8
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 8
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_5];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 8
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_6];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_7];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_8];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_9];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_10];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, null, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_11];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_12];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_13];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_14];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_15];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_16];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}(),
|
||
"element-demo1": function () {
|
||
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_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("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_col = _resolveComponent("el-col");
|
||
|
||
var _component_el_row = _resolveComponent("el-row");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, {
|
||
gutter: 20
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_1];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_2];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}(),
|
||
"element-demo2": function () {
|
||
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_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("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_5 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_6 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_7 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_8 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_9 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_col = _resolveComponent("el-col");
|
||
|
||
var _component_el_row = _resolveComponent("el-row");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, {
|
||
gutter: 20
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 16
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_1];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 8
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_2];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
gutter: 20
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 8
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 8
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_5];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_6];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
gutter: 20
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_7];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 16
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_8];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 4
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_9];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}(),
|
||
"element-demo3": function () {
|
||
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_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("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_5 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_col = _resolveComponent("el-col");
|
||
|
||
var _component_el_row = _resolveComponent("el-row");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, {
|
||
gutter: 20
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_1];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6,
|
||
offset: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_2];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
gutter: 20
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6,
|
||
offset: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6,
|
||
offset: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
gutter: 20
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 12,
|
||
offset: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_5];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}(),
|
||
"element-demo4": function () {
|
||
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_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("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_5 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_6 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_7 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_8 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_9 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_10 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_11 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_12 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_13 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_14 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_15 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_col = _resolveComponent("el-col");
|
||
|
||
var _component_el_row = _resolveComponent("el-row");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, {
|
||
type: "flex",
|
||
class: "row-bg"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_1];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_2];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
type: "flex",
|
||
class: "row-bg",
|
||
justify: "center"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_5];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_6];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
type: "flex",
|
||
class: "row-bg",
|
||
justify: "end"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_7];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_8];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_9];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
type: "flex",
|
||
class: "row-bg",
|
||
justify: "space-between"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_10];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_11];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_12];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_row, {
|
||
type: "flex",
|
||
class: "row-bg",
|
||
justify: "space-around"
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_13];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_14];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
span: 6
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_15];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}(),
|
||
"element-demo5": function () {
|
||
var _createVNode = vue_esm_browser["o" /* createVNode */],
|
||
_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("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_2 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
var _hoisted_3 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple"
|
||
}, null, -1);
|
||
|
||
var _hoisted_4 = /*#__PURE__*/_createVNode("div", {
|
||
class: "grid-content bg-purple-light"
|
||
}, null, -1);
|
||
|
||
function render(_ctx, _cache) {
|
||
var _component_el_col = _resolveComponent("el-col");
|
||
|
||
var _component_el_row = _resolveComponent("el-row");
|
||
|
||
return _openBlock(), _createBlock("div", null, [_createVNode(_component_el_row, {
|
||
gutter: 10
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_createVNode(_component_el_col, {
|
||
xs: 8,
|
||
sm: 6,
|
||
md: 4,
|
||
lg: 3,
|
||
xl: 1
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_1];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
xs: 4,
|
||
sm: 6,
|
||
md: 8,
|
||
lg: 9,
|
||
xl: 11
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_2];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
xs: 4,
|
||
sm: 6,
|
||
md: 8,
|
||
lg: 9,
|
||
xl: 11
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_3];
|
||
}),
|
||
_: 1
|
||
}), _createVNode(_component_el_col, {
|
||
xs: 8,
|
||
sm: 6,
|
||
md: 4,
|
||
lg: 3,
|
||
xl: 1
|
||
}, {
|
||
default: _withCtx(function () {
|
||
return [_hoisted_4];
|
||
}),
|
||
_: 1
|
||
})];
|
||
}),
|
||
_: 1
|
||
})]);
|
||
}
|
||
|
||
var democomponentExport = {};
|
||
return extends_default()({
|
||
render: render
|
||
}, democomponentExport);
|
||
}()
|
||
}
|
||
});
|
||
// CONCATENATED MODULE: ./website/docs/zh-CN/layout.md?vue&type=script&lang=ts
|
||
|
||
// CONCATENATED MODULE: ./website/docs/zh-CN/layout.md
|
||
|
||
|
||
|
||
layoutvue_type_script_lang_ts.render = layoutvue_type_template_id_616f4f94_bindings_render
|
||
|
||
/* harmony default export */ var layout = __webpack_exports__["default"] = (layoutvue_type_script_lang_ts);
|
||
|
||
/***/ })
|
||
|
||
}]); |