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

128 lines
2.9 KiB
JavaScript
Raw 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': 'events'
},
desc: {
'zh-CN': '<p><p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['base.vue']
},
{
demoId: 'type',
name: {
'zh-CN': '默认主題样式',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>`type` 设置显示主题可选值danger(默认)、primary、success、warning、info<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['type.vue']
},
{
demoId: 'type-left',
name: {
'zh-CN': '圆点向左排列样式',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>`show-left` 设置是否向左展示,仅对圆点生效<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['type-left.vue']
},
{
demoId: 'is-dot',
name: {
'zh-CN': '小圆点标记',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>通过`is-dot` 显示小圆点标记<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['is-dot.vue']
},
{
demoId: 'max',
name: {
'zh-CN': '计数最大值',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>`max` 超过最大值会显示 `{max}+` <p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['max.vue']
},
{
demoId: 'target',
name: {
'zh-CN': '跳转链接',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>`href`定义跳转链接<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['target.vue']
},
{
demoId: 'slot-default',
name: {
'zh-CN': '自定义标记目标',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>`default slot` 标记内容自定义<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['slot-default.vue']
},
{
demoId: 'slot-content',
name: {
'zh-CN': '自定义提示内容',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>`content slot` 自定义提示内容<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['slot-content.vue']
},
{
demoId: 'dynamic-hidden',
name: {
'zh-CN': '消息已读动态隐藏标记',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>`hidden` 隐藏标记<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['dynamic-hidden.vue']
},
{
demoId: 'props-content',
name: {
'zh-CN': '属性传值显示内容',
'en-US': 'events'
},
desc: {
'zh-CN': '<p>通过绑定`data`属性传入自定义内容<p>',
'en-US': '<p>bbutton click</p>'
},
codeFiles: ['props-content.vue']
}
],
apis: []
}