Merge branch 'dev' into next
This commit is contained in:
+2
-2
@@ -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 -->
|
||||
|
||||
@@ -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 节点下 -->
|
||||
|
||||
Reference in New Issue
Block a user