50 lines
871 B
Plaintext
50 lines
871 B
Plaintext
|
page {
|
||
|
|
background: #f6f6f6;
|
||
|
|
}
|
||
|
|
.demo {
|
||
|
|
padding-bottom: 56rpx;
|
||
|
|
}
|
||
|
|
.demo-title {
|
||
|
|
font-size: 40rpx;
|
||
|
|
font-weight: 700;
|
||
|
|
line-height: 56rpx;
|
||
|
|
margin: 48rpx 32rpx 0;
|
||
|
|
color: rgba(0, 0, 0, 0.9);
|
||
|
|
}
|
||
|
|
.demo-desc {
|
||
|
|
font-size: 24rpx;
|
||
|
|
color: #999;
|
||
|
|
margin: 8rpx 32rpx;
|
||
|
|
line-height: 36rpx;
|
||
|
|
}
|
||
|
|
.demo-section {
|
||
|
|
margin-top: 56rpx;
|
||
|
|
}
|
||
|
|
.demo-section__title {
|
||
|
|
font-size: 32rpx;
|
||
|
|
margin: 32rpx 32rpx 0;
|
||
|
|
color: rgba(0, 0, 0, 0.9);
|
||
|
|
line-height: 48rpx;
|
||
|
|
}
|
||
|
|
.demo-section__sub-title {
|
||
|
|
font-size: 28rpx;
|
||
|
|
margin: 32rpx 32rpx 24rpx 32rpx;
|
||
|
|
color: rgba(0, 0, 0, 0.9);
|
||
|
|
line-height: 44rpx;
|
||
|
|
}
|
||
|
|
.demo-section__desc {
|
||
|
|
font-size: 24rpx;
|
||
|
|
color: rgba(0, 0, 0, 0.4);
|
||
|
|
margin: 8rpx 32rpx;
|
||
|
|
line-height: 40rpx;
|
||
|
|
}
|
||
|
|
.demo-section__container {
|
||
|
|
padding: 0 32rpx;
|
||
|
|
}
|
||
|
|
.demo-section .button-group {
|
||
|
|
margin: 56rrpx 0rpx;
|
||
|
|
}
|
||
|
|
.demo-section .button-group-item {
|
||
|
|
margin-bottom: 48rrpx;
|
||
|
|
}
|