You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.5 KiB
65 lines
1.5 KiB
.body-background{ |
|
background: { |
|
color:#F5F5F6; |
|
}; |
|
height:100vh; |
|
} |
|
.app-wallpaper{ |
|
padding:16rpx 26rpx; |
|
.item{ |
|
position: relative; |
|
.green{ |
|
background: linear-gradient(180deg, rgba(14, 175, 78, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.blue{ |
|
background: linear-gradient(180deg, rgba(23, 138, 242, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.orange{ |
|
background: linear-gradient(180deg, rgba(255, 149, 69, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.red{ |
|
background: linear-gradient(180deg, rgba(255, 100, 82, .1) 0%, rgba(23,138,242,0) 100%); |
|
} |
|
.title-item{ |
|
&.green{ |
|
background: rgba(14, 175, 78, 1); |
|
} |
|
&.blue{ |
|
background:rgba(23, 138, 242, 1); |
|
} |
|
&.orange{ |
|
background: rgba(255, 149, 69, 1); |
|
} |
|
&.red{ |
|
background: rgba(255, 100, 82, 1); |
|
} |
|
|
|
padding:4rpx 20rpx; |
|
transform: skewX(-15deg); |
|
border-radius: 8rpx; |
|
.title-content{ |
|
transform: skewX(15deg); |
|
} |
|
} |
|
.button-group{ |
|
padding:30rpx 0 10rpx 0; |
|
.button{ |
|
border:2rpx solid transparent; |
|
border-radius: 10rpx; |
|
padding:10rpx 20rpx; |
|
margin-left:16rpx; |
|
} |
|
.join{ |
|
border-color: #178AF2; |
|
background-color: transparent; |
|
color:#178AF2; |
|
} |
|
.qrcode{ |
|
border-color:#FF9545; |
|
background-color:#FF9545; |
|
color:#fff; |
|
} |
|
justify-content: flex-end; |
|
} |
|
} |
|
} |