diff --git a/docs/examples-docs/en-US/image-preview.md b/docs/examples-docs/en-US/image-preview.md
index ebebcd7ed..57f011080 100644
--- a/docs/examples-docs/en-US/image-preview.md
+++ b/docs/examples-docs/en-US/image-preview.md
@@ -45,7 +45,7 @@ export default {
```
:::
-### 方法参数
+### Arguments
| Attribute | Description | Type |
|-----------|-----------|-----------|
diff --git a/docs/examples-docs/en-US/popup.md b/docs/examples-docs/en-US/popup.md
index ce6764582..919613f32 100644
--- a/docs/examples-docs/en-US/popup.md
+++ b/docs/examples-docs/en-US/popup.md
@@ -4,19 +4,18 @@ import Dialog from 'packages/dialog';
export default {
data() {
return {
- popupShow1: false,
- popupShow2: false,
- popupShow3: false,
- popupShow4: false,
- popupShow5: false
+ show1: false,
+ show2: false,
+ show3: false,
+ show4: false
}
},
watch: {
- popupShow3(val) {
+ show3(val) {
if (val) {
setTimeout(() => {
- this.popupShow3 = false;
+ this.show3 = false;
}, 2000);
}
}
@@ -27,11 +26,7 @@ export default {
Dialog.confirm({
title: 'confirm标题',
message: '弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。弹窗提示文字，左右始终距离边20PX，上下距离20PX，文字左对齐。'
- }).then((action) => {
- console.log(action);
- }, (error) => {
- console.log(error);
- });
+ })
}
}
};
@@ -49,53 +44,41 @@ Vue.component(Popup.name, Popup);
### Usage
#### Basic Usage
-
-`popup`默认情况下是从中间弹出。
+Popup is located in the middle of the screen by default
:::demo Basic Usage
```html
-从中间弹出popup
-
+Show Popup
+Content
```
```javascript
export default {
data() {
return {
- popupShow1: false
+ show1: false
}
}
};
```
:::
-#### 从不同位置弹出层
+#### Different Position
+Use `position` prop to set popup display position
-可以设置`position`属性，`popup`即能从不同位置弹出，`position`的可选值有`top`，`bottom`，`right`，`left`。
-
-:::demo 从不同位置弹出层
+:::demo Different Position
```html
-从下方弹出popup
-