热更新

style/common.scss

@@ -1,5 +1,7 @@
 @import '@/style/mixin.scss';
 $themeColor: #3AB3AE;
+// $themeBgColor: #d8f8e4;
+$themeBgColor: #EDF6F5 !important;
 @font-face {
 	font-family: 'PangMenZhengDaobiaoTiTiMianFeiBan';
 	src: url('@/static/font/PangMenZhengDaoBiaoTiTiMianFeiBan.ttf') format('truetype');
@@ -187,7 +189,7 @@ $themeColor: #3AB3AE;
 	height: 100%;
 	padding: 0 !important;
 	overflow: auto;
-	background-color: #d8f8e4 !important;
+	background-color: $themeBgColor !important;
 
 	.componentPage {
 		width: 100%;

style/mixin.scss

@@ -1,22 +1,25 @@
 @charset "utf-8";
 //主题色
 $themeColor: #3AB3AE;
+$themeBgColor: #EDF6F5 !important;
+
 @keyframes example1 {
   0% {
     transform: translate(-100px);
     opacity: 0;
   }
- 
+
   50% {
     transform: translate();
     opacity: 0.5;
   }
- 
+
   100% {
     transform: translate(0);
     // opacity: 1;
   }
 }
+
 @mixin theme($type, $path: '') {
   @if $type =="btn_bg" {
     background-image: linear-gradient(90deg, #3AB3AE 0%, #117e4c 100%);
@@ -35,6 +38,35 @@ $themeColor: #3AB3AE;
   }
 }
 
+@mixin themeBorder($borderSize, $radiusSize, $linearGradient) {
+
+  border-radius: $radiusSize;
+  margin: auto;
+  box-sizing: border-box;
+  border: $borderSize solid transparent;
+  background-image: $linearGradient;
+  background-origin: border-box;
+  background-clip: content-box, border-box;
+  border-radius:  $radiusSize;
+
+
+
+  // border: $borderSize solid;
+  // border-radius: $radiusSize;
+  // border-image: linear-gradient(to right, $leftColor, $rightColor) 0.5;
+  // clip-path: inset(0px round $radiusSize);
+  // animation: huerotate 6s infinite linear;
+  // filter: hue-rotate(360deg);
+}
+
+@mixin themFlex($align,$justify1) {
+  display: flex;
+  align-items:$align;
+  justify-content: $justify1;
+
+
+}
+
 // 背景图片地址和大小
 @mixin bis($url, $size: cover) {
   background-image: url($url);