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

export default {
  column: '2',
  owner: '',
  demos: [
    {
      demoId: 'base',
      name: {
        'zh-CN': '基础用法',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>基础用法</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['base.vue']
    },
    {
      demoId: 'cancel-event',
      name: {
        'zh-CN': '取消事件',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>取消事件</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['cancel-event.vue']
    },
    {
      demoId: 'close-event',
      name: {
        'zh-CN': '关闭事件',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>关闭事件</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['close-event.vue']
    },
    {
      demoId: 'confirm-event',
      name: {
        'zh-CN': '确认事件',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>确认事件</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['confirm-event.vue']
    },
    {
      demoId: 'duration',
      name: {
        'zh-CN': '持续时间',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>持续时间</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['duration.vue']
    },
    {
      demoId: 'id',
      name: {
        'zh-CN': '不允许重复点击',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>不允许重复点击</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['id.vue']
    },
    {
      demoId: 'esc-closable',
      name: {
        'zh-CN': 'ESC键关闭',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>ESC键关闭</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['esc-closable.vue']
    },
    {
      demoId: 'footer-slot',
      name: {
        'zh-CN': '尾部插槽',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>尾部插槽</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['footer-slot.vue']
    },
    {
      demoId: 'fullscreen',
      name: {
        'zh-CN': '铺满全屏',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>铺满全屏</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['fullscreen.vue']
    },
    {
      demoId: 'grid',
      name: {
        'zh-CN': '网格',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>网格</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['grid.vue']
    },
    {
      demoId: 'hide-event',
      name: {
        'zh-CN': '隐藏事件',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>隐藏事件</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['hide-event.vue']
    },
    {
      demoId: 'is-form-reset',
      name: {
        'zh-CN': '重置表单数据',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>关闭弹窗，默认重置表单数据</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['is-form-reset.vue']
    },
    {
      demoId: 'lock-scroll',
      name: {
        'zh-CN': '禁止页面滚动',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>是否锁住滚动条，不允许页面滚动</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['lock-scroll.vue']
    },
    {
      demoId: 'lock-view',
      name: {
        'zh-CN': '锁住页面',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>是否锁住页面，不允许窗口之外的任何操作</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['lock-view.vue']
    },
    {
      demoId: 'mask-closable',
      name: {
        'zh-CN': '点击遮罩层关闭',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>点击遮罩层关闭</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['mask-closable.vue']
    },
    {
      demoId: 'message',
      name: {
        'zh-CN': '自定义提示框的内容',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>自定义提示框的内容</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['message.vue']
    },
    {
      demoId: 'min-height',
      name: {
        'zh-CN': '提示框最小高度为300',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>提示框最小高度为300</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['min-height.vue']
    },
    {
      demoId: 'min-width',
      name: {
        'zh-CN': '提示框最小宽度为700',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>提示框最小宽度为700</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['min-width.vue']
    },
    {
      demoId: 'resize',
      name: {
        'zh-CN': '可以拖动调整窗口大小',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>可以拖动调整窗口大小</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['resize.vue']
    },
    {
      demoId: 'show-event',
      name: {
        'zh-CN': '在窗口显示时触发事件',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>在窗口显示时触发事件</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['show-event.vue']
    },
    {
      demoId: 'showFooter',
      name: {
        'zh-CN': '是否显示底部',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>是否显示底部</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['showFooter.vue']
    },
    {
      demoId: 'showHeader',
      name: {
        'zh-CN': '是否显示头部',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>是否显示头部</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['showHeader.vue']
    },
    {
      demoId: 'status',
      name: {
        'zh-CN': '模态框提示图标',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>模态框提示图标</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['status.vue']
    },
    {
      demoId: 'title',
      name: {
        'zh-CN': '自定义标题',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>自定义标题</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['title.vue']
    },
    {
      demoId: 'top',
      name: {
        'zh-CN': '距离顶部的位置',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>距离顶部的位置</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['top.vue']
    },
    {
      demoId: 'type',
      name: {
        'zh-CN': '模态框类型',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>模态框类型</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['type.vue']
    },
    {
      demoId: 'value',
      name: {
        'zh-CN': '模态框按钮的值',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>模态框按钮的值</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['value.vue']
    },
    {
      demoId: 'zIndex',
      name: {
        'zh-CN': '模态框层级',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>模态框层级</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['zIndex.vue']
    },
    {
      demoId: 'zoom-event',
      name: {
        'zh-CN': '窗口缩放时触发事件',
        'en-US': 'button type'
      },
      desc: {
        'zh-CN': '<p>窗口缩放时触发事件</p>',
        'en-US': '<p>button type</p>'
      },
      codeFiles: ['zoom-event.vue']
    }
  ]
}