|
@@ -61,4 +61,61 @@ $uni-font-size-title:20px;
|
|
|
$uni-color-subtitle: #555555; // 二级标题颜色
|
|
|
$uni-font-size-subtitle:26px;
|
|
|
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
|
|
-$uni-font-size-paragraph:15px;
|
|
|
+$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; //盒子中内容竖直排列
|
|
|
+ }
|