新增两种提示

master
chenzhi 5 years ago
parent edea81fbe2
commit 266937000f

@ -132,6 +132,26 @@
padding: 0 .3rem .3rem;margin-top:-1.8rem;
}
}
/* new */
.weui-dialog{
border-radius: 15px;
}
.dialogcodebtn{
border-bottom: 1px solid #a9a9a9;
margin:0 .3rem;
padding: 0px;
}
.dialogcodebtn .weui-input{
background-color:rgba(0,0,0,0);
padding-left: 0px;
}
.dialogcodebtn .weui-btn:after{
border:0px;
}
.dialogcodebtn .weui-btn{
padding: 0px;
text-align: center;
}
</style>
<script type="text/javascript">
@ -218,12 +238,63 @@ function sendform() {
</script>
<body>
<!--加载提示框-->
<div class="js_dialog" id="Dialog" style="display: none">
<div class="weui-mask"></div>
<div class="weui-dialog" style="width: 4.2rem;max-width: 4.2rem;display: flex;">
<img src="__IMG__/load.gif" style="width: 4.2rem;height: auto;">
</div>
</div>
<!--提醒信息弹窗-->
<div class="js_dialog" id="msgdialog" style="display: none">
<div class="weui-mask"></div>
<div class="weui-dialog" style="width: 4.5rem;max-width: 4.5rrem;display: flex;flex-direction:column;padding-bottom: .3rem;">
<div style="width: 100%;text-align: left;height: .6rem;display: flex;">
<img src="__IMG__/close-black.png" style="width: .3rem;height: .3rem;margin: .3rem 0 0 .3rem;">
</div>
<div style="width: 100%;text-align: center;">
<img src="__IMG__/txicon.png" style="width: 2.44rem;height: 1.46rem;">
</div>
<p style="text-align: center;font-size: .24rem;margin: .35rem auto;">
提示内容提示内容
</p>
<div style="width: 100%;text-align: center;display: flex;justify-content:center;">
<div style="width: 3.3rem;height: .6rem;background-color: #21B1EB;color: #ffffff;font-size: .28rem;border-radius:30px;line-height: .6rem;">
确认
</div>
</div>
</div>
</div>
<!--签约提示弹窗-->
<div class="js_dialog" id="bankdialog" style="display: none">
<div class="weui-mask"></div>
<div class="weui-dialog" style="width: 6.3rem;max-width: 6.3rrem;display: flex;flex-direction:column;padding-bottom: .3rem;">
<div style="width: 100%;text-align: left;height: .6rem;display: flex;">
<img src="img/close-black.png" style="width: .3rem;height: .3rem;margin: .3rem 0 0 .3rem;">
<div style="font-size: .28rem;margin-top: .3rem; flex-grow:1;text-align: center;">银行卡签约</div>
</div>
<div style="margin:.3rem .3rem;text-align: left;">
<p style="font-size: .24rem;color:#A9A9A9;">该银行卡未签约,无法进行充值,请获取短信验证进行签约</p>
<p style="font-size: .24rem;color:#292929;margin-top: .3rem;">手机:<span style="margin-left:10px;">18959188422</span></p>
</div>
<div class="weui-cell weui-cell_vcode dialogcodebtn">
<div class="weui-cell__bd">
<input class="weui-input" type="number" placeholder="请输入验证码">
</div>
<div class="weui-cell__ft ">
<a href="javascript:;" class="weui-btn" style="width: 1.5rem;font-size: .24rem;background-color: #21B1EB;color: #fff;border-radius: .1rem;height: .5rem;line-height:.5rem;">获取验证码</a>
</div>
</div>
<div style="width: 100%;text-align: center;display: flex;justify-content:center;margin-top: .3rem;">
<div style="width: 5.3rem;height: .6rem;background-color: #21B1EB;color: #ffffff;font-size: .28rem;border-radius:5px;line-height: .6rem;">
确认
</div>
</div>
</div>
</div>
<div
style="height: 3.1rem;background-color: #21B1EB;color: #fff;border-bottom-left-radius:40%;border-bottom-right-radius:40%;padding: .43rem .3rem;line-height: 1.5;">
<p style="font-size: .4rem;">待支付……</p>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Loading…
Cancel
Save