123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- /* pages/regular_msg/regular_msg.wxss */
- .card-padding {
- padding: 10rpx;
- }
- .card-cont {
- position: relative;
- border: 1rpx solid #E4EFFF;
- border-radius: 8rpx;
- }
- /* 三角形icon */
- .triangle {
- position: absolute;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- width: 36rpx;
- height: 22rpx;
- }
- /* 标题 */
- .title {
- margin-top: 50rpx;
- text-align: center;
- }
- .title>text {
- background: linear-gradient(180deg, #90BBEC 0%, #2074D6 100%);
- -webkit-background-clip: text;
- background-clip: text;
- color: transparent;
- font-weight: 700;
- font-size: 40rpx;
- }
- /* 内容 */
- .cont {
- margin-top: 64rpx;
- }
- /* 二维码 */
- .qrcode-area {
- width: 100%;
- margin-top: 136rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- }
- .qrcode-area>image {
- width: 320rpx;
- height: 320rpx;
- }
- .qrcode-area>text {
- color: #90BBEC;
- font-size: 26rpx;
- margin-top: 12rpx;
- }
- /* 提示信息 */
- .tip {
- margin-top: 24rpx;
- font-size: 26rpx;
- color: #B7C7DE;
- text-align: center;
- margin-bottom: 8rpx;
- }
- .qrcode-box {
- height: 680rpx;
- margin: 32rpx 32rpx;
- background-color: #fff;
- border-radius: 10rpx;
- padding: 24rpx 32rpx;
- box-sizing: border-box;
- position: relative;
- }
- .tit {
- font-size: 32rpx;
- font-weight: bold;
- }
- .qrcode-img {
- width: 400rpx;
- height: 400rpx;
- margin-top: 60rpx;
- position: absolute;
- left: 50%;
- transform: translateX(-50%);
- }
- .qrcode-tip {
- font-size: 26rpx;
- font-weight: 400;
- text-align: center;
- color: rgba(175, 189, 210, 1);
- background-color: #f5f9ff;
- border-radius: 25rpx;
- padding: 8rpx 42rpx;
- position: absolute;
- bottom: 52rpx;
- }
- .qrcode-tip1 {
- font-size: 28rpx;
- color: rgba(175, 189, 210, 1);
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- left: 50%;
- transform: translateX(-50%);
- width: 100%;
- text-align: center;
- }
|