forked from opentiny/tiny-vue
83 lines
3.2 KiB
JavaScript
83 lines
3.2 KiB
JavaScript
export default {
|
|
column: '2',
|
|
owner: '',
|
|
demos: [
|
|
{
|
|
demoId: 'message',
|
|
name: {
|
|
'zh-CN': '基本用法',
|
|
'en-US': 'Basic Usage'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p></p>',
|
|
'en-US': '<p></p>'
|
|
},
|
|
codeFiles: ['message.vue']
|
|
},
|
|
{
|
|
demoId: 'page-empty',
|
|
name: {
|
|
'zh-CN': '页面级空态',
|
|
'en-US': 'Page-level void'
|
|
},
|
|
desc: {
|
|
'zh-CN':
|
|
'<p>通过添加`page-empty`属性展示页面级空态，其中 type 类型有`pagenoperm`、 `pageweaknet`、 `pagenothing`、 `pageservererror`<br> 对应场景：<br>`pagenoperm` ：无访问权限<br>`pageweaknet` ：网络异常<br>`pagenothing` ：你访问的页面不存在<br>`pageservererror`：服务器异常 </p>',
|
|
'en-US':
|
|
'<p>The page-level empty state is displayed by adding the `page-empty` attribute. The type types include `pagenoperm`, `pageweaknet`, `pagenothing`, and `pageservererror`.<br>Scenario:<br>`pagenoperm`: no access permission<br>`pageweaknet`: network exception<br>`pagenothing`: The page you access does not exist<br>`pageservererror`: The server is abnormal</p>'
|
|
},
|
|
codeFiles: ['page-empty.vue']
|
|
},
|
|
{
|
|
demoId: 'component-empty',
|
|
name: {
|
|
'zh-CN': '组件级空态',
|
|
'en-US': 'Component-level empty state'
|
|
},
|
|
desc: {
|
|
'zh-CN':
|
|
'<p>通过添加`component-empty`属性展示组件级空态，其中 type 类型有`noperm、 nodata、 weaknet、noresult、 nonews`<br> 对应场景：<br>`noperm` ：无访问权限<br>`nodata` ：暂无数据<br>`weaknet` ：网络不给力<br>`noresult`：无相关搜索结果<br>`nonews`：暂无最新消息<br></p>',
|
|
'en-US':
|
|
'<p>Add the `component-empty` attribute to display the component-level empty state. The type type can be `noperm, nodata, weaknet, noresult, or nonews`<br>The corresponding scenario is as follows: <br>`noperm`: No access<br>`nodata`: no data<br>`weaknet`: network is not powerful<br>`noresult`: no related search results<br>`nonews`: no latest news<br></p>'
|
|
},
|
|
codeFiles: ['component-empty.vue']
|
|
},
|
|
{
|
|
demoId: 'sub-message',
|
|
name: {
|
|
'zh-CN': '自定义二级标题内容',
|
|
'en-US': 'User-defined level-2 title content'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>通过`sub-message`自定义二级标题</p>',
|
|
'en-US': '<p>Customizing Level-2 Titles Using `sub-message`</p>'
|
|
},
|
|
codeFiles: ['sub-message.vue']
|
|
},
|
|
{
|
|
demoId: 'button-text',
|
|
name: {
|
|
'zh-CN': '自定义按钮文本',
|
|
'en-US': 'button-text'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>已去除`button-text`自定义按钮文本，直接可以通过插槽自定义</p>',
|
|
'en-US': '<p>Customizing Level-2 Titles Using `sub-message`</p>'
|
|
},
|
|
codeFiles: ['button-text.vue']
|
|
},
|
|
{
|
|
demoId: 'content-slot',
|
|
name: {
|
|
'zh-CN': 'content 插槽',
|
|
'en-US': 'content-slot'
|
|
},
|
|
desc: {
|
|
'zh-CN': '<p>通过命名插槽 `content`，自定义内容区</p>',
|
|
'en-US': '<p>Customize the content area by naming the slot `content`</p>'
|
|
},
|
|
codeFiles: ['content-slot.vue']
|
|
}
|
|
]
|
|
}
|