tiny-vue/examples/sites/demos/apis/user-head.js

160 lines
4.5 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 {
mode: ['pc', 'mobile-first'],
apis: [
{
name: 'user-head',
type: 'component',
props: [
{
name: 'background-color',
type: 'string',
defaultValue: "'#d9d9d9'",
desc: {
'zh-CN': '背景色',
'en-US': 'Background color'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'custom-background-color',
mfDemo: ''
},
{
name: 'color',
type: 'string',
defaultValue: "'#ffffff'",
desc: {
'zh-CN': '文字颜色',
'en-US': 'Text color'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'color',
mfDemo: ''
},
{
name: 'message-total',
type: 'number',
defaultValue: '',
desc: {
'zh-CN': '消息计数',
'en-US': 'Number of messages'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'message-count-total',
mfDemo: ''
},
{
name: 'message-type',
type: 'string',
defaultValue: "'details'",
desc: {
'zh-CN': '消息类型 details|basic 可选',
'en-US': 'Message type details|basic is optional. The value of this attribute can be details or basic.'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'message-count-type',
mfDemo: ''
},
{
name: 'message-upper-limit',
type: 'number',
defaultValue: '0',
desc: {
'zh-CN': '消息显示上限',
'en-US': 'Maximum number of displayed messages'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'message-count-limit',
mfDemo: ''
},
{
name: 'min',
type: 'boolean',
defaultValue: 'false',
desc: {
'zh-CN': '小尺寸模式',
'en-US': 'Small size mode'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'min-user-head',
mfDemo: ''
},
{
name: 'modelValue',
type: 'Component | string',
defaultValue: '',
desc: {
'zh-CN': 'type=icon 时为图标组件type=label时为字体串type=image时为资源路径',
'en-US':
'If type is set to icon, it should be an icon component . If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
},
mode: ['pc'],
pcDemo: 'basic-usage'
},
{
name: 'round',
type: 'boolean',
defaultValue: '',
desc: {
'zh-CN': '圆形模式',
'en-US': 'Circular mode'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'round-user-head',
mfDemo: ''
},
{
name: 'size',
type: 'number',
defaultValue: '',
desc: {
'zh-CN': '<p>设置头像尺寸</p>',
'en-US': 'display different button'
},
mode: ['mobile-first'],
mfDemo: ''
},
{
name: 'type',
type: 'string',
defaultValue: "'label'",
desc: {
'zh-CN': '头像类型icon|image|label 可选',
'en-US':
'Avatar type. The options are icon, image, and label. ;The value of this attribute can be icon / image / label'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'image-user-head',
mfDemo: ''
},
{
name: 'value',
type: 'string',
defaultValue: '',
desc: {
'zh-CN': 'type=icon 时为图标组件type=label时为字体串type=image时为资源路径',
'en-US':
'If type is set to icon, it should be an icon component . If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
},
mode: ['mobile-first'],
mfDemo: ''
}
],
events: [],
methods: [],
slots: [
{
name: 'default',
type: '',
defaultValue: '',
desc: {
'zh-CN': '自定义图像内容',
'en-US': 'Customized image content'
},
mode: ['pc', 'mobile-first'],
pcDemo: 'custom-user-head-content',
mfDemo: ''
}
]
}
]
}