| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- /*字体大小*/
- .sys-size-24{
- font-size: 24rpx;
- }
- /*字体粗细*/
- .sys-weight-600{
- font-weight: 600;
- }
- .sys-weight-400{
- font-weight: 400;
- }
- .sys-weight-500{
- font-weight: 500;
- }
- /*字体颜色*/
- .sys-color-white{
- color: #fff;
- }
- .sys-color-green{
- color: #12CE87;
- }
- .sys-color-black{
- color: #141414;
- }
- .sys-color-black-0{
- color: #000;
- }
- .sys-color-gray-9{
- color: #999999;
- }
- .sys-color-gray-6{
- color: #666666;
- }
- .sys-color-gray-3{
- color: #333333;
- }
- .sys-color-yellow{
- color: #FFC107;
- }
- /*背景颜色*/
- .sys-background-black{
- background-color: #141414;
- }
- .sys-background-gray-9{
- background-color: #999999;
- }
- .sys-background-green{
- background-color: #12CE87;
- }
- .sys-background-yellow{
- background-color: #FFC107;
- }
- .sys-radius-200{
- border-radius: 200rpx;
- }
- /*未选中按钮*/
- .sys-unselected-but{
- opacity: 0.1;
- transition: .5s ease;
- }
- .sys-selected-but{
- border-radius: 200rpx;
- height: 88rpx;
- line-height: 88rpx;
- text-align: center;
- transition: .5s ease;
- }
- .sys-webkit-box{
- display: -webkit-box;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- .sys-webkit-box-2{
- -webkit-line-clamp: 2;
- }
- .sys-webkit-box-3{
- -webkit-line-clamp: 3;
- }
- .sys-height-44{
- height: 44rpx;
- line-height: 44rpx;
- }
|