forked from opentiny/tiny-vue
93 lines
2.5 KiB
JavaScript
93 lines
2.5 KiB
JavaScript
export default {
|
||
column: '2',
|
||
owner: '',
|
||
demos: [
|
||
{
|
||
demoId: 'base',
|
||
name: {
|
||
'zh-CN': '基本用法',
|
||
'en-US': 'Basic Usage'
|
||
},
|
||
desc: {
|
||
'zh-CN':
|
||
'通过 <code>type</code> 设置不同的类型 可选值：success | warning | info | error ，默认值：success。<br> 同时可通过 <code>default</code> 默认插槽自定义提示内容。',
|
||
'en-US':
|
||
'Set different types through <code>type</code>. The options are success | warning | info | error. The default value is success. <br/> You can customize the prompt content through the <code>default</code> slot. '
|
||
},
|
||
codeFiles: ['basic-usage.vue']
|
||
},
|
||
{
|
||
demoId: 'custom-close',
|
||
name: {
|
||
'zh-CN': '自定义关闭',
|
||
'en-US': 'left right arrow'
|
||
},
|
||
desc: {
|
||
'zh-CN': '<p>自定义关闭</p>',
|
||
'en-US': '<p>button type</p>'
|
||
},
|
||
codeFiles: ['custom-close.vue']
|
||
},
|
||
{
|
||
demoId: 'icon',
|
||
name: {
|
||
'zh-CN': '自定义提示图标',
|
||
'en-US': 'left right text'
|
||
},
|
||
desc: {
|
||
'zh-CN': '<p>自定义提示图标</p>',
|
||
'en-US': '<p>button round</p>'
|
||
},
|
||
codeFiles: ['icon.vue']
|
||
},
|
||
{
|
||
demoId: 'center',
|
||
name: {
|
||
'zh-CN': '文字居中',
|
||
'en-US': 'Center text'
|
||
},
|
||
desc: {
|
||
'zh-CN': '<p>通过 <code>center</code> 属性可使文字显示居中。</p>\n',
|
||
'en-US': '<p>You can use the <code>center</code> property to center the text. </p>\n'
|
||
},
|
||
codeFiles: ['center.vue']
|
||
},
|
||
{
|
||
demoId: 'size',
|
||
name: {
|
||
'zh-CN': '不同尺寸',
|
||
'en-US': 'size'
|
||
},
|
||
desc: {
|
||
'zh-CN': '<p>不同尺寸</p>',
|
||
'en-US': '<p>button click</p>'
|
||
},
|
||
codeFiles: ['size.vue']
|
||
},
|
||
{
|
||
demoId: 'target',
|
||
name: {
|
||
'zh-CN': '指定挂载节点',
|
||
'en-US': 'Specify display node'
|
||
},
|
||
desc: {
|
||
'zh-CN': '通过<code> target </code>属性绑定要挂载的容器ref值，实现自定义展示位置',
|
||
'en-US': 'Specify display position'
|
||
},
|
||
codeFiles: ['target.vue']
|
||
},
|
||
{
|
||
demoId: 'slot-default',
|
||
name: {
|
||
'zh-CN': '内容插槽',
|
||
'en-US': 'Content slot'
|
||
},
|
||
desc: {
|
||
'zh-CN': '<p>通过默认插槽自定义提示内容。</p>',
|
||
'en-US': '<p>Customize prompt messages through default slot.</p>'
|
||
},
|
||
codeFiles: ['slot-default.vue']
|
||
}
|
||
]
|
||
}
|