feat(Popup): add close-icon prop (#4366)

2019-09-04 22:33:40 +08:00
parent f43be4dd86
commit 7b66aef056
8 changed files with 65 additions and 6 deletions
@@ -58,6 +58,15 @@ Use `position` prop to set popup display position
  position="bottom"
  :style="{ height: '20%' }"
 />
+
+<!-- Custom Icon -->
+<van-popup
+  v-model="show"
+  closeable
+  close-icon="close"
+  position="bottom"
+  :style="{ height: '20%' }"
+/>
 ```

 ### Round Corner
@@ -121,9 +130,11 @@ export default {
 | lock-scroll | Whether to lock background scroll | *boolean* | `true` | - |
 | lazy-render | Whether to lazy render util appeared | *boolean* | `true` | - |
 | close-on-click-overlay | Whether to close when click overlay | *boolean* | `true` | - |
+| closeable | Whether to show close icon | *boolean* | `false` | 2.2.0 |
+| close-icon | Close icon name | *string* | `cross` | 2.2.0 |
 | transition | Transition | *string* | `popup-slide` | - |
 | get-container | Return the mount node for Popup | *string \| () => HTMLElement* | - | - |
-| closeable | Whether to show close icon | *boolean* | `false` | 2.2.0 |
+

 ### Events