回答
|
共1个
王镔
从业9年
施工许可证专业承包资质
所在地区:洛阳市
咨询解答:406
参数:title标题
cancelText取消文本(默认文本为取消)
confirmText确认文本(默认文本为确定)
animated是否动画(默认为是)
modalSize模态框大小(默认md)
animationOption动画事件(默认300s)接下来分享下实现步骤吧...主要的概念就是想把自定义的部分通过插槽来接收。1、创建好components组件且命好名字。 小tips:在微信开发工具内创建方便点它会自动帮你把相关文件配好。创建组件且命名2、写好相关布局及样式。dialog.wxss/**模态**/
.modal{
position:fixed;
top:0rpx;
left:0rpx;
right:0rpx;
bottom:0rpx;
width:100\%;
height:100\%;
z-index:100;
}
.modal-mask{
position:absolute;
width:100\%;
height:100\%;
z-index:97;
background-color:rgba(0,0,0,0.30);
}
.modal-layer-sm{
width:60\%;
transform:translate3d(-50\%,-50\%,0);
left:50\%;
}
.modal-layer-md{
width:80\%;
transform:translate3d(-50\%,-50\%,0);
left:50\%;
}
.modal-layer-full{
width:100\%;
left:0;
}
.modal-layer{
position:absolute;
background:transparent;
top:50\%;
display:flex;
flex-direction:column;
z-index:98;
box-shadow:04rpx14rpxrgba(0,0,0,.4);
}
.modal-header{
background:#fff;
color:#333;
padding:20rpx;
font-size:30rpx;
text-align:center;
border-top-left-radius:10rpx;
border-top-right-radius:10rpx;
}
.modal-body{
flex:1;
padding:040px40rpx;
background:#ffffff;
}
.modal-footer{
background:#ffffff;
flex-direction:row;
display:flex;
align-items:center;
width:100\%;
border-top:1rpxsolid#eee;
border-bottom-left-radius:10rpx;
border-bottom-right-radius:10rpx;
}
.modal-close{
color:#fff;
font-size:48rpx;
position:absolute;
right:40rpx;
top:0;
z-index:98;
}
.btn{
flex:1;
text-align:center;
font-size:30rpx;
color:#666;
padding:19rpx5rpx;
}
.btn:first-child{
border-right:1pxsolid#eee;
}
.btn-primary{
color:#009887;
}dialog.wxmlviewanimation={{animationData}}hidden={{!isShow}}class=modal
viewdata-type=maskcatchtap=hideModalclass=modal-mask/view
viewclass=modal-layermodal-layer-radius{{modalSize==sm?modal-layer-sm:modal-layer-md}}
!--头部--viewclass=modal-header
text{{title}}/text/view
!--内容区域--viewclass=modal-body
slot/slot/viewviewclass=modal-footer
textcatchtap=\_cancelModalclass=btnbtn-default{{cancelText}}/texttextcatchtap=\_c
2021-04-28 18:55:54
没有符合您的答案?立即联系 “在线顾问"
顾问推荐
{{item.label}}
{{item.desc}}
相关资讯
换一批
地税和国税有什么区别
国税地方税是指国税局系统和地税局系统,一般是指税务机关,而不是针对税种。
国家税务局,地税,国税
892次浏览
2022-02-25 18:14:59
软件安全的重要性和应对策略
随着信息技术的迅猛发展,软件已成为各行各业不可或缺的一部分。然而,软件安全问题也日益凸显,给企业和个人带来了巨大的风险。为了确保软件的安全性,需要采取一系列应对策略。
软件安全
84次浏览
2024-01-23 18:37:56
如何在国外注册马德里商标
商标可以是企业的标志,也可以是商品的标志,商标对企业来说很重要,它是企业的无形资产,企业应该重视商标的注册。
马德里商标,国外注册商标
262次浏览
2022-03-31 10:25:47
在哪里查询商标公告
所谓商标公告,是指国家工商行政管理总局就商标注册、变更、转让、许可、撤销等事项向社会公开作出的专业性公告,是关于中国商标注册和商标专用权的公开行政公告,是商标工作中的法定程序。
查询商标公告
84次浏览
2022-05-26 11:59:53
注册上海公司需要注意的问题有哪些
随着经济的快速发展,消费市场继续充满商机,许多年轻人已经开始自己创业。大多数创业者没有创业公司的经验,容易脚踏实地。那么上海注册公司需要注意什么呢?
注册上海公司
536次浏览
2022-04-28 18:18:07
最新问答