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
1 year ago
|
.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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|