## [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{
}
}
```
毕业设计源码之基于微信小程序的在线点餐系统设计与实现.zip
版权申诉
52 浏览量
2023-09-19
23:46:32
上传
评论
收藏 1.13MB ZIP 举报
码农落落
- 粉丝: 575
- 资源: 2304
最新资源
- 使用ASP.NET Core和Entity Framework Core来构建一个基本的进销存系统.rar
- 深度学习经典数据集+FER2013面部表情识别+附带使用方法的python代码
- Python中,要实现连接多个相机并识别多个二维码.rar
- 使用FFT算法对一个信号进行分析.rar
- 171cms游戏应用下载系统源码.zip
- 基于jsp+servlet+mysql蛋糕甜品店购物网站源码+数据库(期末大作业).zip
- Java项目:在线蛋糕商城系统(java+jsp+mysql)源码+数据库+期末大作业.zip
- ZapyaClient10_7-1.apk
- 织梦cms站长导航网站源码.zip
- 基于SSM+MySQL的网络投票调查问卷系统源码+数据库(java期末大作业).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈