tiny-vue/examples/sites/demos/mobile/app/dropdownmenu/webdoc/dropdownmenu.js

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']
}
]
}