forked from opentiny/tiny-vue
163 lines
3.6 KiB
JavaScript
163 lines
3.6 KiB
JavaScript
export default {
|
|
column: '2',
|
|
owner: '',
|
|
demos: [
|
|
{
|
|
demoId: 'activeColor',
|
|
name: {
|
|
'zh-CN': '标题和选项的选中态颜色',
|
|
'en-US': 'button type'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>设置选中项颜色</p>',
|
|
'en-US': '<p>button type</p>'
|
|
},
|
|
codeFiles: ['activeColor.vue']
|
|
},
|
|
{
|
|
demoId: 'closeOnClickOutside',
|
|
name: {
|
|
'zh-CN': '点击外部元素关闭弹出菜单',
|
|
'en-US': 'button round'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>点击外部元素关闭弹出菜单</p>',
|
|
'en-US': '<p>button round</p>'
|
|
},
|
|
codeFiles: ['closeOnClickOutside.vue']
|
|
},
|
|
{
|
|
demoId: 'closeOnClickOverlay',
|
|
name: {
|
|
'zh-CN': '点击遮罩层关闭弹出菜单',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>点击遮罩层关闭弹出菜单</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['closeOnClickOverlay.vue']
|
|
},
|
|
{
|
|
demoId: 'direction',
|
|
name: {
|
|
'zh-CN': '菜单弹出位置',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>弹出菜单位置</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['direction.vue']
|
|
},
|
|
{
|
|
demoId: 'duration',
|
|
name: {
|
|
'zh-CN': '动画时长',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>弹出菜单动画时长</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['duration.vue']
|
|
},
|
|
{
|
|
demoId: 'event',
|
|
name: {
|
|
'zh-CN': '事件',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>事件</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['event.vue']
|
|
},
|
|
{
|
|
demoId: 'icon',
|
|
name: {
|
|
'zh-CN': '自定义 icon',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>自定义<code>icon</code></p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['icon.vue']
|
|
},
|
|
{
|
|
demoId: 'item-disabled',
|
|
name: {
|
|
'zh-CN': '是否禁用',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>通过<code>disabled</code>属性设置是否禁用,默认为 false 。</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['item-disabled.vue']
|
|
},
|
|
{
|
|
demoId: 'overlay',
|
|
name: {
|
|
'zh-CN': '遮罩层',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>遮罩层</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['overlay.vue']
|
|
},
|
|
{
|
|
demoId: 'screen-funnel',
|
|
name: {
|
|
'zh-CN': '筛选漏斗',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>筛选漏斗</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['screen-funnel.vue']
|
|
},
|
|
{
|
|
demoId: 'slot',
|
|
name: {
|
|
'zh-CN': '插槽',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>插槽</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['slot.vue']
|
|
},
|
|
{
|
|
demoId: 'title-class',
|
|
name: {
|
|
'zh-CN': '标题类名',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>通过<code>title-class</code>属性设置标题类名</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['title-class.vue']
|
|
},
|
|
{
|
|
demoId: 'type',
|
|
name: {
|
|
'zh-CN': '筛选类型',
|
|
'en-US': 'events'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>筛选类型</p>',
|
|
'en-US': '<p>bbutton click</p>'
|
|
},
|
|
codeFiles: ['type.vue']
|
|
}
|
|
]
|
|
}
|