91 lines
1.5 KiB
SCSS
91 lines
1.5 KiB
SCSS
/* components/btn/btn.wxss */
|
|
$primary: #6571D9;
|
|
$member: #653E12;
|
|
|
|
.btn-cmp {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 44rpx;
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.primary {
|
|
background: $primary;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
box-sizing: border-box;
|
|
padding: 0 20rpx;
|
|
|
|
&.plain {
|
|
box-sizing: border-box;
|
|
color: $primary;
|
|
border: 1rpx solid $primary;
|
|
background: #FFFFFF;
|
|
}
|
|
}
|
|
|
|
.primary45 {
|
|
background: #4B5AE5;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
box-sizing: border-box;
|
|
padding: 0 20rpx;
|
|
}
|
|
|
|
.white {
|
|
background: #FFFFFF;
|
|
border: 1rpx solid #CDCDCD;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC;
|
|
// font-weight: bold;
|
|
color: #A1A1A1;
|
|
}
|
|
|
|
.default {
|
|
background: #7A8BFF;
|
|
border: 1rpx solid #FFFFFF;
|
|
border-radius: 25rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.default45 {
|
|
background: #7A8BFF;
|
|
border: 1rpx solid #FFFFFF;
|
|
border-radius: 45rpx;
|
|
font-size: 24rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: bold;
|
|
color: #FFFFFF;
|
|
}
|
|
.info{
|
|
background: #FFFFFF;
|
|
color: #6979E8;
|
|
border-radius: 25rpx;
|
|
font-family: PingFang SC;
|
|
}
|
|
|
|
.member {
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #653E12;
|
|
background: #E5C7A3;
|
|
|
|
&.plain {
|
|
box-sizing: border-box;
|
|
color: #7986FF;
|
|
border: 1rpx solid #7986FF;
|
|
background: #FFFFFF;
|
|
}
|
|
}
|
|
.default1{
|
|
border: 1px solid #C3C3C3;
|
|
box-sizing: border-box;
|
|
} |