1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- $hoverBackgroundColor: #F2F3F5;
- $pageBackgroundColor: #FAFAFA;
- $buttonPrimaryColor: #E57519;
- $textActionColor: #E57519;
- $border: 2rpx solid #aaaaaa;
- $borderLight: 2rpx solid #dddddd;
- $bgLightColor: #F5F5F5;
- $fontColor: #555555;
- $fontTitleColor: #000000;
- $fontSize0: 16rpx;
- $fontSize1: 18rpx;
- $fontSize2: 20rpx;
- $fontSize3: 24rpx;
- $fontSize4: 28rpx;
- $fontSize5: 32rpx;
- $fontSize6: 36rpx;
- @mixin display-flex-center {
- display: flex;
- justify-content: center;
- align-items: center;
- }
- @mixin display-flex-between {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- @mixin text-ellipsis {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- @mixin text-ellipsis-line {
- display: -webkit-box;
- width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- }
- @mixin after{
- position: absolute;
- display: block;
- content: ' ';
- z-index: 1;
- }
- @mixin link-button {
- .van-button__text{
- font-size: $fontSize0;
- font-weight: bold;
- white-space: nowrap;
- }
- }
|