|
|
/* 主题相关颜色 */
|
|
|
/* 经销商相关变量 */
|
|
|
$login-btn-bg: #3C57F3; // 经销商登录页面按钮背景
|
|
|
$login-color: #364569;
|
|
|
$uni-btn-bg: #2A6CFE;
|
|
|
$uni-btn-color: #FFFFFF;
|
|
|
$uni-tabbar-text-color: #2A6CFE;
|
|
|
$tab-btn-bg: #EF970F;
|
|
|
$tab-btn-color: #FFFFFF;
|
|
|
|
|
|
/* pda端 */
|
|
|
$pda-btn-bg: #687EF4;
|
|
|
$pda-btn-color: #FFFFFF;
|
|
|
|
|
|
/* 品牌方端 */
|
|
|
$brand-btn-bg: #F0720A;
|
|
|
$brand-btn-color: #FFFFFF;
|
|
|
|
|
|
/* 商城端 */
|
|
|
$mall-btn-bg: #12C277;
|
|
|
$mall-btn-color: #FFFFFF;
|
|
|
$mall-text-color: #12C277;
|
|
|
|
|
|
|
|
|
/* flex布局 */
|
|
|
@mixin flexBox($justify: center, $align: center, $direction: row) {
|
|
|
display: flex;
|
|
|
@if $justify == 'start' {
|
|
|
justify-content: flex-start;
|
|
|
}@else if $justify == 'end'{
|
|
|
justify-content: flex-end;
|
|
|
}@else if $justify == 'between'{
|
|
|
justify-content: space-between;
|
|
|
}@else if $justify == 'around'{
|
|
|
justify-content: space-around;
|
|
|
}@else{
|
|
|
justify-content: $justify;
|
|
|
}
|
|
|
@if $align == 'start' {
|
|
|
align-items: flex-start;
|
|
|
}@else if $justify == 'end'{
|
|
|
align-items: flex-end;
|
|
|
}@else{
|
|
|
align-items: $align;
|
|
|
}
|
|
|
flex-direction: $direction;
|
|
|
}
|
|
|
|
|
|
/* 超过行数省略 */
|
|
|
@mixin truncateText($lines: 2) {
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-line-clamp: $lines;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
word-break: break-all;
|
|
|
}
|
|
|
@mixin fontStyle($size: 28rpx,$color: #000000,$align: left,$weight: 500,$height: 38rpx){
|
|
|
font-weight: $weight;
|
|
|
font-size: $size;
|
|
|
color: $color;
|
|
|
line-height: $height;
|
|
|
text-align: $align;
|
|
|
font-style: normal;
|
|
|
text-transform: none;
|
|
|
word-break: break-all;
|
|
|
}
|
|
|
|
|
|
/* 字体颜色类通用 */
|
|
|
.orangeText{
|
|
|
color:#FF5700 !important;
|
|
|
}
|
|
|
.greenText{
|
|
|
color: #00C543 !important;
|
|
|
}
|
|
|
.redText{
|
|
|
color: #FF0000 !important;
|
|
|
}
|
|
|
.blueText{
|
|
|
color: #0047FF !important;
|
|
|
}
|
|
|
.yellowText{
|
|
|
color: #FFA729 !important;
|
|
|
}
|
|
|
.greyText{
|
|
|
color: #628B9B !important;
|
|
|
}
|
|
|
.pinkText{
|
|
|
color: #F78469 !important;
|
|
|
}
|
|
|
|
|
|
/* 通用样式 */
|
|
|
// .cardItem{
|
|
|
// margin: 0 26rpx 26rpx;
|
|
|
// background: #FFFFFF;
|
|
|
// box-shadow: 0rpx 4rpx 9rpx 0rpx rgba(0, 0, 0, 0.05);
|
|
|
// border-radius: 18rpx 18rpx 18rpx 18rpx;
|
|
|
// box-sizing: border-box;
|
|
|
// padding: 26rpx;
|
|
|
// }
|
|
|
// .cardItemHead{
|
|
|
// @include flexBox(between, center, row);
|
|
|
// }
|
|
|
|
|
|
/* 样式 */
|
|
|
// .itemBox{
|
|
|
// @include flexBox(start,start);
|
|
|
// &>view{
|
|
|
// @include flexBox();
|
|
|
// @include fontStyle(28rpx,#333333,left,500,48rpx);
|
|
|
// }
|
|
|
// .label{
|
|
|
// min-width: 110rpx;
|
|
|
// text-align-last: justify;
|
|
|
// }
|
|
|
// .itemBoxRight{
|
|
|
// flex: 1;
|
|
|
// word-break: break-all;
|
|
|
// @include fontStyle(28rpx,#333333,left,500,48rpx);
|
|
|
// }
|
|
|
// }
|
|
|
|
|
|
|
|
|
// scrollbar-width: none;
|
|
|
|
|
|
/* 隐藏 WebKit 内核浏览器（Chrome、Safari、小程序等）的滚动条 */
|
|
|
// &::-webkit-scrollbar {
|
|
|
// display: none;
|
|
|
// } |
