/*
|
* @Descripttion: 全局mixins变量
|
* @Author: TM丶
|
* @LastEditors: 小明丶
|
* @Date: 2019-03-11 21:02:51
|
* @LastEditTime: 2019-08-30 10:42:05
|
*/
|
@import "./themes.less";
|
|
/* 字体 大小*/
|
@font-10: 10px;
|
@font-11: 11px;
|
@font-12: 12px;
|
@font-13: 13px;
|
@font-14: 14px;
|
@font-15: 15px;
|
@font-16: 16px;
|
@font-17: 17px;
|
@font-18: 18px;
|
@font-20: 20px;
|
@font-24: 24px;
|
@font-28: 28px;
|
|
|
/* z-index*/
|
@zIndex-10:10;
|
@zIndex-20:20;
|
@zIndex-30:30;
|
@zIndex-40:40;
|
@zIndex-50:50;
|
@zIndex-100:100;
|
@zIndex-200:200;
|
@zIndex-300:300;
|
@zIndex-400:400;
|
@zIndex-500:500;
|
@zIndex-999:999;
|
@zIndex-9999:9999;
|
|
// 新主题色
|
@c-main: #896EDB;
|
@c-success: #19BE6B;
|
@c-lose:#ED4014;
|
// flex布局
|
.flex(@x:flex-start,@y:center,@wrap:nowrap,@dir:row) {
|
display: flex;
|
justify-content: @x;
|
align-items: @y;
|
flex-wrap: @wrap;
|
flex-direction: @dir;
|
}
|
|
// 老项目复制过来的 兼任！
|
.flexLayout(@justify:flex-start,@align:center,@direction:row) {
|
display: flex;
|
justify-content: @justify;
|
align-items: @align;
|
flex-direction: @direction;
|
}
|
|
|
.lh(@val){
|
height: @val;
|
line-height: @val;
|
}
|
|
|
/*多行溢出 手机端使用*/
|
.text-clip-double(@num:2) {
|
display: -webkit-box;
|
overflow: hidden;
|
word-break: break-all;
|
text-overflow: ellipsis;
|
-webkit-box-orient: vertical;
|
-webkit-line-clamp: @num;
|
}
|
|
// 定位到html
|
// .p-fixed(@bg:#fff) {
|
// position: fixed;
|
// top: 0;
|
// right: 0;
|
// bottom: 0;
|
// left: 0;
|
// overflow-y: scroll;
|
// background-color: @bg;
|
// }
|
|
|
|
|
|
|
// 老项目的变量
|
@fontEN: -apple-system-font, "Helvetica Neue";
|
@fontCN: "PingFang SC", "Microsoft YaHei", "sans-serif", "Helvetica Neue";
|
@fontDefault: @fontEN, @fontCN;
|
|
@font-size-tiny: 10Px;
|
@font-size-small: 12Px;
|
@font-size-medium: 14Px;
|
@font-size-base: 15Px;
|
@font-size-primary: 16Px;
|
@font-size-large: 18Px;
|
|
@font-line-height-base: 1;
|
@font-line-height-medium: 1.3;
|
@font-line-height-large: 1.5;
|
|
@font-weight-normal: normal;
|
@font-weight-bold: bold;
|
@font-weight-base: 400;
|
@font-weight-thin: 200;
|
|
@border-radius-normal-size: 7.5px;
|
|
@color-white: #fff;
|
@backgroundColor: #f1f1f1;
|
|
@color-text-main: #3a3a3a; //场景分期文字主要颜色
|
@color-text-second: #666; //场景分期文字第二颜色
|
@color-text-three: #bfa073; //场景分期文字第三颜色
|
@color-text-three-light: rgba(191, 160, 115, 0.05); //场景分期文字第三颜色-淡色
|
@color-text-placeholder: #a3a3a3; // 场景分期输入框placeholder暗提示颜色
|
@color-line: #d9d9d9; // 边框颜色
|
@color-border-theme: #bfa073; // 边框主题颜色
|
|
@color-button-default: #3a3a3a;
|
@color-button-normal: #bfa073;
|
|
@tabbar-text-active-color: #bfa073;
|
|
@switch-checked-bg-color: #bfa073;
|
@switch-checked-border-color: #bfa073;
|
|
@calendar-arrow-color: #444;
|
@calendar-today-font-color: #bfa073;
|
@calendar-selected-bg-color: #bfa073;
|
