/*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js!./src/plugin/pages/miniWeb/index.less ***! \**************************************************************************************************************************************************************************************************************************************************/ .mini-web { width: 100vw; height: 100vh; position: relative; } .mini-web .modal { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; } .mini-web .modal .modal-content { background: #fff; width: 600rpx; height: 300rpx; border-radius: 10rpx; } .mini-web .modal .modal-body { height: 200rpx; line-height: 200rpx; text-align: center; font-weight: 500; font-size: 35rpx; } .mini-web .modal .modal-footer { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100rpx; } .mini-web .modal .modal-footer .button { height: 100rpx; line-height: 100rpx; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; border-top: 2rpx solid #e3e0e0; font-weight: 500; font-size: 35rpx; } .mini-web .modal .modal-footer .confirm { border-left: 2rpx solid #e3e0e0; color: #3a5dcf; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }