| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- /* components/popup/index.wxss */
- .wx-popup {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- z-index: 999;
- overflow: visible;
- background-color: rgba(0, 0, 0, 0.3);
- display: flex;
- flex-direction: column;
- bottom: 0;
- top: 0;
- justify-content: center;
- align-items: center;
- transition-duration: 0.3s;
- }
- /* .wx-popup .mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background-color: #000000;
- z-index: 9999;
- overflow: visible;
- opacity: .4;
- } */
- .wx-popup .content {
- width: 600rpx;
- height: 700rpx;
- background: linear-gradient(180deg, #F4FEFF, #fff);
- background-color: white;
- z-index: 999999;
- margin: 0 auto;
- border-radius: 10px;
- padding: 40rpx;
- box-sizing: border-box;
- text-align: center;
- line-height: 1.5;
- }
- .wx-popup .content .title {
- font-size: 36rpx;
- margin: 20rpx 0 40rpx;
- }
- .wx-popup .content .text {
- font-size: 28rpx;
- }
- .wx-popup .content .file-name {
- font-size: 30rpx;
- font-weight: 550;
- color: #00B1FE;
- }
- .confirm {
- margin-top: 80rpx;
- border-radius: 40rpx;
- background-color: #00B1FE;
- color: white;
- }
- .cancel {
- margin-top: 20rpx;
- background-color: rgba(0, 0, 0, 0);
- border: none;
- color: #666;
- font-weight: unset;
- }
|