Skip to content

Commit 2d9bbb8

Browse files
committed
fix(alert): fix comments
1 parent 11054f2 commit 2d9bbb8

File tree

1 file changed

+13
-8
lines changed
  • examples/sites/demos/pc/app/alert/webdoc

1 file changed

+13
-8
lines changed

examples/sites/demos/pc/app/alert/webdoc/alert.js

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -61,8 +61,8 @@ export default {
6161
{
6262
demoId: 'center',
6363
name: {
64-
'zh-CN': '文字居中',
65-
'en-US': 'Center text'
64+
'zh-CN': '内容居中',
65+
'en-US': 'Center content'
6666
},
6767
desc: {
6868
'zh-CN': '<p>通过 <code>center</code> 设置内容显示居中。</p>',
@@ -74,13 +74,13 @@ export default {
7474
demoId: 'icon',
7575
name: {
7676
'zh-CN': '自定义警告图标',
77-
'en-US': 'Customized warning icon'
77+
'en-US': 'Customized alert icon'
7878
},
7979
desc: {
8080
'zh-CN':
81-
'<p>通过 <code>icon </code> 属性设置自定义图标,如果未自定义图标,默认会根据不同的 <code>type</code> 的值自动使用对应图标。</p>',
81+
'通过 <code>icon </code> 属性设置自定义图标,如果未自定义图标,默认会根据不同的 <code>type</code> 的值自动使用对应图标。',
8282
'en-US':
83-
'<p>By setting custom icons through <code>icon</code> , the corresponding icons will be automatically used by default based on different <code>type</code> values.</p>'
83+
'You can use the <code>icon </code> property to set a custom icon. If no custom icon is specified, the icon is automatically used according to the <code>type</code> value.'
8484
},
8585
codeFiles: ['icon.vue']
8686
},
@@ -105,15 +105,15 @@ export default {
105105
'en-US': 'Display icon'
106106
},
107107
desc: {
108-
'zh-CN': '<p>通过 <code>show-icon</code> 属性,设置左侧图标是否显示。</p>',
109-
'en-US': '<p>Set whether the left icon is displayed by <code>show icon</code> .</p>'
108+
'zh-CN': '通过 <code>show-icon</code> 属性,设置左侧图标是否显示。',
109+
'en-US': 'Use the <code>show-icon</code> property to set whether the icon on the left is displayed.'
110110
},
111111
codeFiles: ['show-icon.vue']
112112
},
113113
{
114114
demoId: 'custom-close',
115115
name: {
116-
'zh-CN': '关闭按钮',
116+
'zh-CN': '自定义关闭按钮',
117117
'en-US': 'custom close button'
118118
},
119119
desc: {
@@ -129,6 +129,11 @@ export default {
129129
Enable the built-in close icon with the <code>closable</code> property, which defaults to <code>true</code>. <br />
130130
Set the close button text by <code>close-text</code> instead of the close icon, effective only if <code>closable</code> is <code>true</code>. <br />
131131
Unblock the built-in closing function when <code>closable</code> is set to <code>false</code>. At this point, you can completely customize the presentation of the close button area via the <code>close</code> slot.
132+
<div class="tip custom-block">
133+
<p class="custom-block-title">
134+
When the component is closed or hidden, there will be a fade animation, see the example!
135+
</p>
136+
</div>
132137
`
133138
},
134139
codeFiles: ['custom-close.vue']

0 commit comments

Comments
 (0)