1 Star 0 Fork 3

satellites/doc-archive

forked from element-plus/doc-archive 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
DOCS en-US21.0cb71eee40c7d7b6716e.js 36.39 KB
一键复制 编辑 原始数据 按行查看 历史
iamkun 提交于 2021-09-15 18:54 . chore: update
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[15],{
/***/ 776:
/***/ (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.prod.js
var vue_esm_browser_prod = __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--3-0!./website/md-loader!./website/docs/en-US/descriptions.md?vue&type=template&id=345f38d6
const descriptionsvue_type_template_id_345f38d6_hoisted_1 = {
class: "content element-doc"
};
const descriptionsvue_type_template_id_345f38d6_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions ");
const descriptionsvue_type_template_id_345f38d6_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Display multiple fields in list form.", -1);
const descriptionsvue_type_template_id_345f38d6_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Basic usage ");
const descriptionsvue_type_template_id_345f38d6_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<el-descriptions title=\"User Info\">\n <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n <el-descriptions-item label=\"Place\">Suzhou</el-descriptions-item>\n <el-descriptions-item label=\"Remarks\">\n <el-tag size=\"small\">School</el-tag>\n </el-descriptions-item>\n <el-descriptions-item label=\"Address\"\n >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n Province</el-descriptions-item\n >\n</el-descriptions>\n")], -1);
const descriptionsvue_type_template_id_345f38d6_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Sizes ");
const descriptionsvue_type_template_id_345f38d6_hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<template>\n <el-radio-group v-model=\"size\">\n <el-radio label=\"\">Default</el-radio>\n <el-radio label=\"medium\">Medium</el-radio>\n <el-radio label=\"small\">Small</el-radio>\n <el-radio label=\"mini\">Mini</el-radio>\n </el-radio-group>\n\n <el-descriptions\n class=\"margin-top\"\n title=\"With border\"\n :column=\"3\"\n :size=\"size\"\n border\n >\n <template #extra>\n <el-button type=\"primary\" size=\"small\">Operation</el-button>\n </template>\n <el-descriptions-item>\n <template #label>\n <i class=\"el-icon-user\"></i>\n Username\n </template>\n kooriookami\n </el-descriptions-item>\n <el-descriptions-item>\n <template #label>\n <i class=\"el-icon-mobile-phone\"></i>\n Telephone\n </template>\n 18100000000\n </el-descriptions-item>\n <el-descriptions-item>\n <template #label>\n <i class=\"el-icon-location-outline\"></i>\n Place\n </template>\n Suzhou\n </el-descriptions-item>\n <el-descriptions-item>\n <template #label>\n <i class=\"el-icon-tickets\"></i>\n Remarks\n </template>\n <el-tag size=\"small\">School</el-tag>\n </el-descriptions-item>\n <el-descriptions-item>\n <template #label>\n <i class=\"el-icon-office-building\"></i>\n Address\n </template>\n No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province\n </el-descriptions-item>\n </el-descriptions>\n\n <el-descriptions\n class=\"margin-top\"\n title=\"Without border\"\n :column=\"3\"\n :size=\"size\"\n >\n <template #extra>\n <el-button type=\"primary\" size=\"small\">Operation</el-button>\n </template>\n <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n <el-descriptions-item label=\"Place\">Suzhou</el-descriptions-item>\n <el-descriptions-item label=\"Remarks\">\n <el-tag size=\"small\">School</el-tag>\n </el-descriptions-item>\n <el-descriptions-item label=\"Address\"\n >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n Province</el-descriptions-item\n >\n </el-descriptions>\n</template>\n\n<script>\n export default {\n data() {\n return {\n size: '',\n }\n },\n }\n</script>\n")], -1);
const descriptionsvue_type_template_id_345f38d6_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Vertical List ");
const descriptionsvue_type_template_id_345f38d6_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<el-descriptions\n title=\"Vertical list with border\"\n direction=\"vertical\"\n :column=\"4\"\n border\n>\n <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n <el-descriptions-item label=\"Place\" :span=\"2\">Suzhou</el-descriptions-item>\n <el-descriptions-item label=\"Remarks\">\n <el-tag size=\"small\">School</el-tag>\n </el-descriptions-item>\n <el-descriptions-item label=\"Address\"\n >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n Province</el-descriptions-item\n >\n</el-descriptions>\n\n<el-descriptions\n class=\"margin-top\"\n title=\"Vertical list without border\"\n :column=\"4\"\n direction=\"vertical\"\n>\n <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n <el-descriptions-item label=\"Place\" :span=\"2\">Suzhou</el-descriptions-item>\n <el-descriptions-item label=\"Remarks\">\n <el-tag size=\"small\">School</el-tag>\n </el-descriptions-item>\n <el-descriptions-item label=\"Address\"\n >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n Province</el-descriptions-item\n >\n</el-descriptions>\n")], -1);
const descriptionsvue_type_template_id_345f38d6_hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Customized Style ");
const descriptionsvue_type_template_id_345f38d6_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
class: "html"
}, "<el-descriptions title=\"Customized style list\" :column=\"3\" border>\n <el-descriptions-item\n label=\"Username\"\n label-align=\"right\"\n align=\"center\"\n label-class-name=\"my-label\"\n class-name=\"my-content\"\n width=\"150px\"\n >kooriookami</el-descriptions-item\n >\n <el-descriptions-item label=\"Telephone\" label-align=\"right\" align=\"center\"\n >18100000000</el-descriptions-item\n >\n <el-descriptions-item label=\"Place\" label-align=\"right\" align=\"center\"\n >Suzhou</el-descriptions-item\n >\n <el-descriptions-item label=\"Remarks\" label-align=\"right\" align=\"center\">\n <el-tag size=\"small\">School</el-tag>\n </el-descriptions-item>\n <el-descriptions-item label=\"Address\" label-align=\"right\" align=\"center\"\n >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n Province</el-descriptions-item\n >\n</el-descriptions>\n")], -1);
const descriptionsvue_type_template_id_345f38d6_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Attributes ");
const descriptionsvue_type_template_id_345f38d6_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>border</td><td>with or without border</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>column</td><td>numbers of <code>Descriptions Item</code> in one line</td><td>number</td><td>—</td><td>3</td></tr><tr><td>direction</td><td>direction of list</td><td>string</td><td>vertical / horizontal</td><td>horizontal</td></tr><tr><td>size</td><td>size of list</td><td>string</td><td>medium / small / mini</td><td>—</td></tr><tr><td>title</td><td>title text, display on the top left</td><td>string</td><td>—</td><td>—</td></tr><tr><td>extra</td><td>extra text, display on the top right</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 1);
const descriptionsvue_type_template_id_345f38d6_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Slots ");
const descriptionsvue_type_template_id_345f38d6_hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("table", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "title"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "custom title, display on the top left")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "extra"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "custom extra area, display on the top right")])])], -1);
const descriptionsvue_type_template_id_345f38d6_hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Item Attributes ");
const descriptionsvue_type_template_id_345f38d6_hoisted_17 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>label</td><td>label text</td><td>string</td><td>—</td><td>—</td></tr><tr><td>span</td><td>colspan of column</td><td>number</td><td>—</td><td>1</td></tr><tr><td>width</td><td>column width, the width of the same column in different rows is set by the max value (If no <code>border</code>, width contains label and content)</td><td>string / number</td><td>—</td><td>—</td></tr><tr><td>min-width</td><td>column minimum width, columns with <code>width</code> has a fixed width, while columns with <code>min-width</code> has a width that is distributed in proportion (If no<code>border</code>, width contains label and content)</td><td>string / number</td><td>—</td><td>—</td></tr><tr><td>align</td><td>column content alignment (If no <code>border</code>, effective for both label and content)</td><td>string</td><td>left / center / right</td><td>left</td></tr><tr><td>label-align</td><td>column label alignment, if omitted, the value of the above <code>align</code> attribute will be applied (If no <code>border</code>, please use <code>align</code> attribute)</td><td>string</td><td>left / center / right</td><td>—</td></tr><tr><td>class-name</td><td>column content custom class name</td><td>string</td><td>—</td><td>—</td></tr><tr><td>label-class-name</td><td>column label custom class name</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 1);
const descriptionsvue_type_template_id_345f38d6_hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Item Slots ");
const descriptionsvue_type_template_id_345f38d6_hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("table", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "label"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "custom label")])])], -1);
function descriptionsvue_type_template_id_345f38d6_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_app_link = Object(vue_esm_browser_prod["resolveComponent"])("app-link");
const _component_app_heading = Object(vue_esm_browser_prod["resolveComponent"])("app-heading");
const _component_element_demo0 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo0");
const _component_demo_block = Object(vue_esm_browser_prod["resolveComponent"])("demo-block");
const _component_element_demo1 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo1");
const _component_element_demo2 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo2");
const _component_element_demo3 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo3");
const _component_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");
return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", descriptionsvue_type_template_id_345f38d6_hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "descriptions",
content: "Descriptions",
href: "#descriptions",
level: "2"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#descriptions"
})]),
_: 1
}), descriptionsvue_type_template_id_345f38d6_hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "basic-usage",
content: "Basic usage",
href: "#basic-usage",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#basic-usage"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo0)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_5]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "sizes",
content: "Sizes",
href: "#sizes",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_6, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#sizes"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo1)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_7]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "vertical-list",
content: "Vertical List",
href: "#vertical-list",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_8, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#vertical-list"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo2)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_9]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "customized-style",
content: "Customized Style",
href: "#customized-style",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_10, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#customized-style"
})]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo3)]),
highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_11]),
_: 1
}), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "descriptions-attributes",
content: "Descriptions Attributes",
href: "#descriptions-attributes",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_12, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#descriptions-attributes"
})]),
_: 1
}), descriptionsvue_type_template_id_345f38d6_hoisted_13, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "descriptions-slots",
content: "Descriptions Slots",
href: "#descriptions-slots",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_14, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#descriptions-slots"
})]),
_: 1
}), descriptionsvue_type_template_id_345f38d6_hoisted_15, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "descriptions-item-attributes",
content: "Descriptions Item Attributes",
href: "#descriptions-item-attributes",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_16, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#descriptions-item-attributes"
})]),
_: 1
}), descriptionsvue_type_template_id_345f38d6_hoisted_17, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
id: "descriptions-item-slots",
content: "Descriptions Item Slots",
href: "#descriptions-item-slots",
level: "3"
}, {
default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_345f38d6_hoisted_18, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
class: "header-anchor",
href: "#descriptions-item-slots"
})]),
_: 1
}), descriptionsvue_type_template_id_345f38d6_hoisted_19, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/en-US/descriptions.md?vue&type=template&id=345f38d6
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/en-US/descriptions.md?vue&type=script&lang=ts
/* harmony default export */ var descriptionsvue_type_script_lang_ts = ({
name: 'component-doc',
components: {
"element-demo0": function () {
const {
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createTextVNode("kooriookami");
const _hoisted_2 = /*#__PURE__*/_createTextVNode("18100000000");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Suzhou");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("School");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");
function render(_ctx, _cache) {
const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");
const _component_el_tag = _resolveComponent("el-tag");
const _component_el_descriptions = _resolveComponent("el-descriptions");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_descriptions, {
title: "User Info"
}, {
default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
label: "Username"
}, {
default: _withCtx(() => [_hoisted_1]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Telephone"
}, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Place"
}, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Remarks"
}, {
default: _withCtx(() => [_createVNode(_component_el_tag, {
size: "small"
}, {
default: _withCtx(() => [_hoisted_4]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Address"
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
})]),
_: 1
})]);
}
const democomponentExport = {};
return {
render,
...democomponentExport
};
}(),
"element-demo1": function () {
const {
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
createElementVNode: _createElementVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createTextVNode("Default");
const _hoisted_2 = /*#__PURE__*/_createTextVNode("Medium");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Small");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("Mini");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("Operation");
const _hoisted_6 = /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-user"
}, null, -1);
const _hoisted_7 = /*#__PURE__*/_createTextVNode(" Username ");
const _hoisted_8 = /*#__PURE__*/_createTextVNode(" kooriookami ");
const _hoisted_9 = /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-mobile-phone"
}, null, -1);
const _hoisted_10 = /*#__PURE__*/_createTextVNode(" Telephone ");
const _hoisted_11 = /*#__PURE__*/_createTextVNode(" 18100000000 ");
const _hoisted_12 = /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-location-outline"
}, null, -1);
const _hoisted_13 = /*#__PURE__*/_createTextVNode(" Place ");
const _hoisted_14 = /*#__PURE__*/_createTextVNode(" Suzhou ");
const _hoisted_15 = /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-tickets"
}, null, -1);
const _hoisted_16 = /*#__PURE__*/_createTextVNode(" Remarks ");
const _hoisted_17 = /*#__PURE__*/_createTextVNode("School");
const _hoisted_18 = /*#__PURE__*/_createElementVNode("i", {
class: "el-icon-office-building"
}, null, -1);
const _hoisted_19 = /*#__PURE__*/_createTextVNode(" Address ");
const _hoisted_20 = /*#__PURE__*/_createTextVNode(" No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province ");
const _hoisted_21 = /*#__PURE__*/_createTextVNode("Operation");
const _hoisted_22 = /*#__PURE__*/_createTextVNode("kooriookami");
const _hoisted_23 = /*#__PURE__*/_createTextVNode("18100000000");
const _hoisted_24 = /*#__PURE__*/_createTextVNode("Suzhou");
const _hoisted_25 = /*#__PURE__*/_createTextVNode("School");
const _hoisted_26 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");
function render(_ctx, _cache) {
const _component_el_radio = _resolveComponent("el-radio");
const _component_el_radio_group = _resolveComponent("el-radio-group");
const _component_el_button = _resolveComponent("el-button");
const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");
const _component_el_tag = _resolveComponent("el-tag");
const _component_el_descriptions = _resolveComponent("el-descriptions");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_radio_group, {
modelValue: _ctx.size,
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.size = $event)
}, {
default: _withCtx(() => [_createVNode(_component_el_radio, {
label: ""
}, {
default: _withCtx(() => [_hoisted_1]),
_: 1
}), _createVNode(_component_el_radio, {
label: "medium"
}, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_radio, {
label: "small"
}, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_radio, {
label: "mini"
}, {
default: _withCtx(() => [_hoisted_4]),
_: 1
})]),
_: 1
}, 8, ["modelValue"]), _createVNode(_component_el_descriptions, {
class: "margin-top",
title: "With border",
column: 3,
size: _ctx.size,
border: ""
}, {
extra: _withCtx(() => [_createVNode(_component_el_button, {
type: "primary",
size: "small"
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
})]),
default: _withCtx(() => [_createVNode(_component_el_descriptions_item, null, {
label: _withCtx(() => [_hoisted_6, _hoisted_7]),
default: _withCtx(() => [_hoisted_8]),
_: 1
}), _createVNode(_component_el_descriptions_item, null, {
label: _withCtx(() => [_hoisted_9, _hoisted_10]),
default: _withCtx(() => [_hoisted_11]),
_: 1
}), _createVNode(_component_el_descriptions_item, null, {
label: _withCtx(() => [_hoisted_12, _hoisted_13]),
default: _withCtx(() => [_hoisted_14]),
_: 1
}), _createVNode(_component_el_descriptions_item, null, {
label: _withCtx(() => [_hoisted_15, _hoisted_16]),
default: _withCtx(() => [_createVNode(_component_el_tag, {
size: "small"
}, {
default: _withCtx(() => [_hoisted_17]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_descriptions_item, null, {
label: _withCtx(() => [_hoisted_18, _hoisted_19]),
default: _withCtx(() => [_hoisted_20]),
_: 1
})]),
_: 1
}, 8, ["size"]), _createVNode(_component_el_descriptions, {
class: "margin-top",
title: "Without border",
column: 3,
size: _ctx.size
}, {
extra: _withCtx(() => [_createVNode(_component_el_button, {
type: "primary",
size: "small"
}, {
default: _withCtx(() => [_hoisted_21]),
_: 1
})]),
default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
label: "Username"
}, {
default: _withCtx(() => [_hoisted_22]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Telephone"
}, {
default: _withCtx(() => [_hoisted_23]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Place"
}, {
default: _withCtx(() => [_hoisted_24]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Remarks"
}, {
default: _withCtx(() => [_createVNode(_component_el_tag, {
size: "small"
}, {
default: _withCtx(() => [_hoisted_25]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Address"
}, {
default: _withCtx(() => [_hoisted_26]),
_: 1
})]),
_: 1
}, 8, ["size"])]);
}
const democomponentExport = {
data() {
return {
size: ''
};
}
};
return {
render,
...democomponentExport
};
}(),
"element-demo2": function () {
const {
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createTextVNode("kooriookami");
const _hoisted_2 = /*#__PURE__*/_createTextVNode("18100000000");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Suzhou");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("School");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");
const _hoisted_6 = /*#__PURE__*/_createTextVNode("kooriookami");
const _hoisted_7 = /*#__PURE__*/_createTextVNode("18100000000");
const _hoisted_8 = /*#__PURE__*/_createTextVNode("Suzhou");
const _hoisted_9 = /*#__PURE__*/_createTextVNode("School");
const _hoisted_10 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");
function render(_ctx, _cache) {
const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");
const _component_el_tag = _resolveComponent("el-tag");
const _component_el_descriptions = _resolveComponent("el-descriptions");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_descriptions, {
title: "Vertical list with border",
direction: "vertical",
column: 4,
border: ""
}, {
default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
label: "Username"
}, {
default: _withCtx(() => [_hoisted_1]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Telephone"
}, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Place",
span: 2
}, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Remarks"
}, {
default: _withCtx(() => [_createVNode(_component_el_tag, {
size: "small"
}, {
default: _withCtx(() => [_hoisted_4]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Address"
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_descriptions, {
class: "margin-top",
title: "Vertical list without border",
column: 4,
direction: "vertical"
}, {
default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
label: "Username"
}, {
default: _withCtx(() => [_hoisted_6]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Telephone"
}, {
default: _withCtx(() => [_hoisted_7]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Place",
span: 2
}, {
default: _withCtx(() => [_hoisted_8]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Remarks"
}, {
default: _withCtx(() => [_createVNode(_component_el_tag, {
size: "small"
}, {
default: _withCtx(() => [_hoisted_9]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Address"
}, {
default: _withCtx(() => [_hoisted_10]),
_: 1
})]),
_: 1
})]);
}
const democomponentExport = {};
return {
render,
...democomponentExport
};
}(),
"element-demo3": function () {
const {
createTextVNode: _createTextVNode,
resolveComponent: _resolveComponent,
withCtx: _withCtx,
createVNode: _createVNode,
openBlock: _openBlock,
createElementBlock: _createElementBlock
} = vue_esm_browser_prod;
const _hoisted_1 = /*#__PURE__*/_createTextVNode("kooriookami");
const _hoisted_2 = /*#__PURE__*/_createTextVNode("18100000000");
const _hoisted_3 = /*#__PURE__*/_createTextVNode("Suzhou");
const _hoisted_4 = /*#__PURE__*/_createTextVNode("School");
const _hoisted_5 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");
function render(_ctx, _cache) {
const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");
const _component_el_tag = _resolveComponent("el-tag");
const _component_el_descriptions = _resolveComponent("el-descriptions");
return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_descriptions, {
title: "Customized style list",
column: 3,
border: ""
}, {
default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
label: "Username",
"label-align": "right",
align: "center",
"label-class-name": "my-label",
"class-name": "my-content",
width: "150px"
}, {
default: _withCtx(() => [_hoisted_1]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Telephone",
"label-align": "right",
align: "center"
}, {
default: _withCtx(() => [_hoisted_2]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Place",
"label-align": "right",
align: "center"
}, {
default: _withCtx(() => [_hoisted_3]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Remarks",
"label-align": "right",
align: "center"
}, {
default: _withCtx(() => [_createVNode(_component_el_tag, {
size: "small"
}, {
default: _withCtx(() => [_hoisted_4]),
_: 1
})]),
_: 1
}), _createVNode(_component_el_descriptions_item, {
label: "Address",
"label-align": "right",
align: "center"
}, {
default: _withCtx(() => [_hoisted_5]),
_: 1
})]),
_: 1
})]);
}
const democomponentExport = {};
return {
render,
...democomponentExport
};
}()
}
});
// CONCATENATED MODULE: ./website/docs/en-US/descriptions.md?vue&type=script&lang=ts
// CONCATENATED MODULE: ./website/docs/en-US/descriptions.md
descriptionsvue_type_script_lang_ts.render = descriptionsvue_type_template_id_345f38d6_render
/* harmony default export */ var descriptions = __webpack_exports__["default"] = (descriptionsvue_type_script_lang_ts);
/***/ })
}]);
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/satellites/doc-archive.git
git@gitee.com:satellites/doc-archive.git
satellites
doc-archive
doc-archive
main

搜索帮助