forked from opentiny/tiny-vue
41 lines
3.1 KiB
JavaScript
41 lines
3.1 KiB
JavaScript
export default {
|
|
column: '1',
|
|
owner: '',
|
|
demos: [
|
|
{
|
|
'demoId': 'align-header-align',
|
|
'name': { 'zh-CN': '表头对齐', 'en-US': 'aligned table header' },
|
|
'desc': {
|
|
'zh-CN':
|
|
'<p> <code>header-align</code> 设置表头对齐方式可选值为 <code>left</code> <code>center</code> <code>right</code>，默认值为 <code>left</code>。</p>\n<div class="tip custom-block"><p class="custom-block-title">TIP</p>\n<p>表格上配置 <code>header-align</code> 会被列配置的 <code>header-align</code> 覆盖。</p>\n</div>\n',
|
|
'en-US':
|
|
'<p> <code>header-align</code> Sets the table header alignment mode. The value can be <code>left</code> <code>center</code> <code>right</code>. The default value is <code>left</code>. <code>header-align</code> configured in the </p>\n<div class="tip custom-block"><p class="custom-block-title">TIP</p>\n<p> table will be overwritten by <code>header-align</code> configured in the column </p>\n</div>\n'
|
|
},
|
|
'codeFiles': ['align/header-align.vue']
|
|
},
|
|
{
|
|
'demoId': 'align-footer-align',
|
|
'name': { 'zh-CN': '表尾对齐', 'en-US': 'Left-aligned table tail' },
|
|
'desc': {
|
|
'zh-CN':
|
|
'<p> <code>footer-align</code> 设置表尾对齐方式的可选值为 <code>left</code> <code>center</code> <code>right</code>，默认值为 <code>left</code>。</p>\n<div class="tip custom-block"><p class="custom-block-title">TIP</p>\n<p>表格上配置 <code>footer-align</code> 会被列配置的 <code>footer-align</code> 覆盖。</p>\n</div>\n',
|
|
'en-US':
|
|
'The value of <p> <code>footer-align</code> is <code>left</code> <code>center</code> <code>right</code>. The default value is <code>left</code>. <code>footer-align</code> configured in the </p>\n<div class="tip custom-block"><p class="custom-block-title">TIP</p>\n<p> table will be replaced by <code>footer-align</code> configured in the column </p>\n</div>\n'
|
|
},
|
|
'codeFiles': ['align/footer-align.vue']
|
|
},
|
|
{
|
|
'demoId': 'align-grid-align',
|
|
'name': { 'zh-CN': '表格对齐', 'en-US': 'Left-aligned table' },
|
|
'desc': {
|
|
'zh-CN':
|
|
'<p> <code>align</code> 设置全部列对齐方式可选值为 <code>left</code> <code>center</code> <code>right</code>，默认值为 <code>left</code>。</p>\n<div class="tip custom-block"><p class="custom-block-title">TIP</p>\n<p>表格设置对齐方式优先级最低，会被单独设置对齐方式覆盖。</p>\n</div>\n',
|
|
'en-US':
|
|
'<p> <code>align</code> Sets the alignment mode of all columns. The options are <code>left</code> <code>center</code> <code>right</code>. The default value is <code>left</code>. The alignment mode configured in the </p>\n<div class="tip custom-block"><p class="custom-block-title">TIP</p>\n<p> table has the lowest priority. The alignment mode configured in the </p>\n<div class="tip custom-block"><p class="custom-block-title">TIP</p>\n<p> table will overwrite the </p>\n</div>\n'
|
|
},
|
|
'codeFiles': ['align/grid-align.vue']
|
|
}
|
|
],
|
|
apis: [{ 'name': 'grid-align', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
|
}
|