Merge branch 'dev' into next

This commit is contained in:
chenjiahan
2020-09-28 11:46:26 +08:00
72 changed files with 259 additions and 243 deletions
+2 -2
View File
@@ -37,7 +37,7 @@ export default {
### Position
Use `position` prop to set popup display position
Use `position` prop to set popup display position.
```html
<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
@@ -83,7 +83,7 @@ Use `position` prop to set popup display position
### Get Container
Use `teleport` prop to specify mount location
Use `teleport` prop to specify mount location.
```html
<!-- mount to body -->
+6 -6
View File
@@ -2,7 +2,7 @@
### 介绍
弹出层容器,用于展示弹窗、信息提示等内容,支持多个弹出层叠加展示
弹出层容器,用于展示弹窗、信息提示等内容,支持多个弹出层叠加展示
### 引入
@@ -18,7 +18,7 @@ app.use(Popup);
### 基础用法
通过 `v-model:show` 控制弹出层是否展示
通过 `v-model:show` 控制弹出层是否展示
```html
<van-cell is-link @click="showPopup">展示弹出层</van-cell>
@@ -43,7 +43,7 @@ export default {
### 弹出位置
通过`position`属性设置弹出位置,默认居中弹出,可以设置为`top``bottom``left``right`
通过 `position` 属性设置弹出位置,默认居中弹出,可以设置为 `top``bottom``left``right`
```html
<van-popup v-model:show="show" position="top" :style="{ height: '30%' }" />
@@ -51,7 +51,7 @@ export default {
### 关闭图标
设置`closeable`属性后,会在弹出层的右上角显示关闭图标,并且可以通过`close-icon`属性自定义图标,使用`close-icon-position`属性可以自定义图标位置
设置 `closeable` 属性后,会在弹出层的右上角显示关闭图标,并且可以通过 `close-icon` 属性自定义图标,使用 `close-icon-position` 属性可以自定义图标位置
```html
<van-popup
@@ -80,7 +80,7 @@ export default {
### 圆角弹窗
设置`round`属性后,弹窗会根据弹出位置添加不同的圆角样式
设置 `round` 属性后,弹窗会根据弹出位置添加不同的圆角样式
```html
<van-popup
@@ -93,7 +93,7 @@ export default {
### 指定挂载位置
弹出层默认挂载到组件所在位置,可以通过`teleport`属性指定挂载位置
弹出层默认挂载到组件所在位置,可以通过 `teleport` 属性指定挂载位置
```html
<!-- 挂载到 body 节点下 -->