tiny-vue_version0/examples/sites/demos/pc/app/breadcrumb/webdoc/breadcrumb.js

75 lines
2.8 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

export default {
column: '2',
owner: '',
demos: [
{
demoId: 'base',
name: {
'zh-CN': '基本用法',
'en-US': 'Basic Usage'
},
desc: {
'zh-CN':
'<code>Breadcrumb</code>:通过 <code>select</code> 监听面包屑选中事件。<br/>\n <code>BreadcrumbItem</code>:通过 <code>to</code> 设置选项路由跳转对象,<code>label</code> 设置选项名称,<code>select</code> 监听选项选中事件。',
'en-US':
'<code>Breadcrumb</code>: Listen for breadcrumb selection events through<code>select</code>; <br/>\n <code>BreadcrumbItem</code>: Route the jump object through the <code>to</code>setting option,<code></code>setting option name,<code>select</code>listening for option selection events.'
},
codeFiles: ['base.vue']
},
{
demoId: 'size',
name: {
'zh-CN': '尺寸设置',
'en-US': 'size'
},
desc: {
'zh-CN': '通过 <code>size</code> 自定义尺寸,仅支持 <code>medium</code> 尺寸。',
'en-US':
'Set the <code>size</code> attribute and customize the size. Only the <code>medium</code> size is supported..'
},
codeFiles: ['size.vue']
},
{
demoId: 'slot-default',
name: {
'zh-CN': '定义节点',
'en-US': 'Custom Node'
},
desc: {
'zh-CN':
'<code>BreadcrumbItem</code>:通过默认插槽自定义节点内容;<code>replace</code> 设置不向浏览器历史添加新记录。',
'en-US':
'<code>BreadcrumbItem</code>: Customize node content through default slots< Code>replace</code>Set not to add new records to browser history.'
},
codeFiles: ['slot-default.vue']
},
{
demoId: 'separator',
name: {
'zh-CN': '定义分隔符',
'en-US': 'Custom separator'
},
desc: {
'zh-CN': '<code>Breadcrumb</code>:通过 <code>separator</code> 或 <code>separator-icon</code> 自定义分隔符。',
'en-US':
'<code>Breadcrumb</code>: Customize the separator through<code>separator</code>or<code>separator icon</code>.'
},
codeFiles: ['separator.vue']
},
{
demoId: 'options',
name: {
'zh-CN': '配置式',
'en-US': 'Configuration'
},
desc: {
'zh-CN':
'通过 <code>options</code> 配置每个 <code>BreadcrumbItem</code><code>text-field</code> 指定显示键值,默认显示键值为 <code>label</code>。',
'en-US':
'Configure each<code>BreadcrumbItem</code>through<code>options</code>< Code>text field</code>specifies the display key value, and the default display key value is<code>label</code>.'
},
codeFiles: ['options.vue']
}
]
}