## [s-ui 代码](https://gitee.com/sldt/s-ui)
## [s-ui 演示](https://sldt.gitee.io/s-ui)
# s-popup
## 参数说明
``` js
{
// class
customClass: {
type: String,
default: ''
},
// v-model双向绑定
value: Boolean,
// 弹框显示位置 center | left | right | top | bottom
position: {
type: String,
default: 'center'
},
// 是否使用过渡效果
effect: {
type: Boolean,
default: true
},
// 过渡时间
effectDuration: {
type: Number,
default: 300
},
// 是否显示遮罩
mask: {
type: Boolean,
default: true
},
// 遮罩透明度
maskOpacity: {
type: Number,
default: 0.7
},
// 点击遮罩是否关闭弹框
maskClose: {
type: Boolean,
default: true
},
// 自动关闭时间
duration: {
type: Number,
default: 0
},
// 显示时拦截钩子返回promise拦截
beforeShow: Function,
// 隐藏时拦截钩子返回promise拦截
beforeHide: Function
}
```
## 使用方式
#### template
``` html
<s-popup custom-class="demo-popup" position="bottom" v-model="visible">
<!-- 内容 -->
</s-popup>
```
#### script
``` js
import sPopup from '@/s-ui/s-popup';
export default {
components: {
sPopup
},
data (){
return {
visible: true
}
}
}
```
#### style
``` css
.demo-popup{
.s-popup-wrap{
}
}
```
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
java毕业设计之基于微信小程序的在线点餐系统设计与实现源码.zip (35个子文件)
yuanma
美食商城
pages.json 0B
App.vue 6KB
Json.js 0B
manifest.json 0B
main.js 0B
components
myIssue.vue 4KB
upload-images.vue 7KB
xiujun-evaluate
iconfont.css 836B
uni-evaluate.vue 0B
list.js 0B
Readme.md 0B
uni-load-more
uni-load-more.vue 3KB
uni-number-box.vue 4KB
mix-list-cell.vue 2KB
s-popup
index.vue 10KB
README.md 1KB
uni-icons
icons.js 3KB
uni-icons.vue 71KB
swiperNavBar.vue 3KB
mix-loading
mix-loading.vue 6KB
empty.vue 25KB
uni-goods-nav
uni-goods-nav.vue 5KB
share.vue 4KB
uni.scss 0B
.hbuilderx
launch.json 468B
java环境说明.docx 13KB
eat
eat
ry.sh 0B
pom.xml 0B
LICENSE 0B
ruoyi.iml 0B
.gitignore 0B
README.md 0B
db
eat.sql 160KB
java环境及部署说明.zip 2.08MB
java环境说明.docx 13KB
共 35 条
- 1
资源评论
风月歌
- 粉丝: 1270
- 资源: 2529
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功