|
- /* pages/cardReceive/cardReceive.wxss */
-
- page {
- background: #52a0fd;
- height: 100%;
- }
-
- .content {
- position: relative;
- width: 620rpx;
- height: 1250rpx;
- border-radius: 10rpx;
- background: #fff;
- margin: 30rpx auto 0;
- padding: 40rpx 30rpx;
- transition: all .3s;
- z-index: 1;
- }
-
- .content.active {
- opacity: 0.7;
- }
-
- .remain {
- font-size: 50rpx;
- font-weight: 600;
- margin-bottom: 50rpx;
- }
-
- .cardNumber {
- font-size: 40rpx;
- margin-top: 20rpx;
- margin-bottom: 50rpx;
- }
-
- .fee {
- font-size: 35rpx;
- margin-bottom: 25rpx;
- }
-
- .inputBox {
- position: relative;
- display: flex;
- align-items: center;
- width: 92%;
- height: 150rpx;
- background-color: #ffffff;
- margin-top: 50rpx;
- border-radius: 15rpx;
- box-shadow: 0 6px 20px 0 #00000026;
- padding: 0 25rpx;
- }
-
- .line {
- color: #cacaca;
- margin-right: 25rpx;
- }
-
- .unit {
- position: absolute;
- right: 40rpx;
- }
-
- .memberIds {
- position: absolute;
- top: 573rpx;
- right: 50%;
- width: 600rpx;
- height: 88rpx;
- line-height: 88rpx;
- font-size: 28rpx;
- color: #ffffff;
- text-align: center;
- background: #52a0fd;
- border-radius: 10rpx;
- transform: translateX(50%);
- }
-
- .pwdDialog {
- position: absolute;
- top: 40%;
- left: 50%;
- transform: translate(-50%, -50%);
- width: 500rpx;
- height: 300rpx;
- background-color: #fff;
- box-shadow: 0 6px 20px 0 #00000026;
- z-index: 0;
- transition: all .3s;
- opacity: 0;
- border-radius: 20rpx;
- padding: 40rpx 50rpx;
- }
-
- .pwdDialog.active {
- opacity: 1;
- z-index: 999;
- }
-
- .pwdDialog .title {
- text-align: center;
- font-weight: 600;
- font-size: 36rpx;
- margin-bottom: 20rpx;
- }
-
- .pwdForm {
- height: 80rpx;
- border: 1px solid #326ef9;
- background-color: #f3f8fe;
- border-radius: 10rpx;
- padding-left: 20rpx;
- margin-bottom: 40rpx;
- }
|