|
@@ -74,3 +74,60 @@ $uni-color-subtitle: #555555; // 二级标题颜色
|
|
|
$uni-font-size-subtitle:26px;
|
|
|
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
|
|
$uni-font-size-paragraph:15px;
|
|
|
+
|
|
|
+/* 颜色变量 */
|
|
|
+// @import '@/uni_modules/uview-ui/theme.scss';
|
|
|
+/**
|
|
|
+ * 自定义颜色
|
|
|
+ */
|
|
|
+$brand-theme-color:#EC544F; //品牌主体红色
|
|
|
+$brand-theme-color-aux:#576b95; //品牌辅助色
|
|
|
+$page-bg-color:#F7F7F7; //页面背景色
|
|
|
+$border-color:#e0e0e0; //边框颜色
|
|
|
+$border-color-light:#efefef; //边框亮色
|
|
|
+
|
|
|
+
|
|
|
+$text-font-color-1:#000; //文字主色
|
|
|
+$text-font-color-2:#676767; //副标题颜色
|
|
|
+$text-font-color-3:#a7a7a7; //浅色
|
|
|
+
|
|
|
+@mixin flex-box {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+@mixin flex-box-set($jc:center,$ai:center) {
|
|
|
+ @include flex-box();
|
|
|
+ @if($jc == center){
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ @if($jc == start){
|
|
|
+ justify-content: flex-start;
|
|
|
+ }
|
|
|
+ @if($jc == end){
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+ @if($jc == between){
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ @if($ai == center){
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ @if($ai == start){
|
|
|
+ align-items: flex-start;
|
|
|
+ }
|
|
|
+ @if($ai == end){
|
|
|
+ align-items: flex-end;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@mixin ellipsis($row:1){
|
|
|
+ text-overflow: -o-ellipsis-lastline;
|
|
|
+ overflow: hidden; //溢出内容隐藏
|
|
|
+ text-overflow: ellipsis; //文本溢出部分用省略号表示
|
|
|
+ display: -webkit-box; //特别显示模式
|
|
|
+ -webkit-line-clamp: $row; //行数
|
|
|
+ line-clamp: $row;
|
|
|
+ -webkit-box-orient: vertical; //盒子中内容竖直排列
|
|
|
+}
|