admin 管理员组

文章数量: 1086019


2024年5月30日发(作者：java程序设计基础 陈国君)

.modal-mask {

width: 100%;

height: 100%;

position: fixed;

top: 0;

left: 0;

background: #000;

opacity: 0.5;

overflow: hidden;

z-index: 9000;

color: #fff;

}

.modal-dialog {

width: 540rpx;

overflow: hidden;

position: fixed;

top: 50%;

left: 0;

z-index: 9999;

background: #f9f9f9;

margin: -180rpx 105rpx;

border-radius: 36rpx;

}

.modal-title {

padding-top: 50rpx;

font-size: 36rpx;

color: #030303;

text-align: center;

}

.modal-content {

padding: 50rpx 32rpx;

}

.modal-input {

display: flex;

background: #fff;

border: 2rpx solid #ddd;

border-radius: 4rpx;

font-size: 28rpx;

}

.input {

width: 100%;

height: 82rpx;

font-size: 28rpx;

line-height: 28rpx;

padding: 0 20rpx;

box-sizing: border-box;

color: #333;

}

input-holder {

color: #666;

font-size: 28rpx;

}

.modal-footer {

display: flex;

flex-direction: row;

height: 86rpx;

border-top: 1px solid #dedede;

font-size: 34rpx;

line-height: 86rpx;

}

.btn-cancel {

width: 50%;

color: #666;

text-align: center;

border-right: 1px solid #dedede;

}

.btn-confirm {

width: 50%;

color: #ec5300;

text-align: center;

}

代码如下：


本文标签： 程序设计 基础 作者 国君

版权声明：本文标题：微信小程序弹框wx.showModal如何修改样式 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1717025453a699878.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。