123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- // 继承样式
- $hoverBackgroundColor: #F2F3F5;
- $pageBackgroundColor: #FAFAFA;
- $buttonPrimaryColor: #E57519;
- $textActionColor: #E57519;
- $border: 2rpx solid #aaaaaa;
- $borderLight: 2rpx solid #dddddd;
- $bgLightColor: #F5F5F5;
- $fontSize0: 16rpx;
- $fontSize1: 18rpx;
- $fontSize2: 20rpx;
- $fontSize3: 24rpx;
- $fontSize4: 28rpx;
- $fontSize5: 32rpx;
- $fontSize6: 36rpx;
- // $fontSize0: 18rpx;
- // $fontSize1: 20rpx;
- // $fontSize2: 24rpx;
- // $fontSize3: 28rpx;
- // $fontSize4: 32rpx;
- // $fontSize5: 36rpx;
- // $fontSize6: 40rpx;
- @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;
- }
- }
|