fix:修改 @mixin 名称

This commit is contained in:
奔跑的面条
2022-05-02 17:18:18 +08:00
parent b678e389df
commit 4e7e1e62b6
18 changed files with 26 additions and 31 deletions
+10 -10
View File
@@ -103,31 +103,31 @@ $topOrBottomHeight: 40px;
margin: 1px;
margin-bottom: 0;
&.bg-depth0 {
@include filter-bg-color('background-color1');
@include fetch-bg-color('background-color1');
.bottom,
.top {
@include filter-bg-color('background-color1');
@include fetch-bg-color('background-color1');
}
}
&.bg-depth1 {
@include filter-bg-color('background-color1');
@include fetch-bg-color('background-color1');
.bottom,
.top {
@include filter-bg-color('background-color2');
@include fetch-bg-color('background-color2');
}
}
&.bg-depth2 {
@include filter-bg-color('background-color2');
@include fetch-bg-color('background-color2');
.bottom,
.top {
@include filter-bg-color('background-color3');
@include fetch-bg-color('background-color3');
}
}
&.bg-depth3 {
@include filter-bg-color('background-color3');
@include fetch-bg-color('background-color3');
.bottom,
.top {
@include filter-bg-color('background-color4');
@include fetch-bg-color('background-color4');
}
}
&.flex {
@@ -142,14 +142,14 @@ $topOrBottomHeight: 40px;
height: $topOrBottomHeight;
padding: 0 10px;
border-top: 1px solid;
@include filter-border-color('hover-border-color');
@include fetch-border-color('hover-border-color');
.mt-1 {
margin-top: 2px;
}
}
.top {
border-bottom: 1px solid;
@include filter-border-color('background-color1');
@include fetch-border-color('background-color1');
}
.content {
@@ -70,7 +70,7 @@ $centerHeight: 100px;
border-radius: 6px;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0);
@include filter-bg-color('background-color2');
@include fetch-bg-color('background-color2');
@extend .go-transition;
&:hover {
@include hover-border-color('background-color4');
@@ -83,7 +83,7 @@ $centerHeight: 100px;
align-items: center;
justify-content: space-between;
padding: 2px 15px;
@include filter-bg-color('background-color3');
@include fetch-bg-color('background-color3');
&-text {
font-size: 12px;
margin-left: 8px;
@@ -118,7 +118,7 @@ $menuWidth: 65px;
.chart-menu-width {
width: $menuWidth;
flex-shrink: 0;
@include filter-bg-color('background-color2-shallow');
@include fetch-bg-color('background-color2-shallow');
}
.chart-content-list {
flex: 1;
+1 -1
View File
@@ -81,7 +81,7 @@ $topHeight: 40px;
height: calc(100vh - #{$--header-height} - #{$topHeight});
.menu-width {
flex-shrink: 0;
@include filter-bg-color('background-color2');
@include fetch-bg-color('background-color2');
}
.menu-component-box {
flex-shrink: 0;
@@ -70,7 +70,7 @@ const selectTheme = (theme: ChartColorsNameType) => {
cursor: pointer;
margin-top: 15px;
padding: 0;
@include filter-bg-color('background-color4-shallow');
@include fetch-bg-color('background-color4-shallow');
border-radius: 23px;
overflow: hidden;
@include deep() {
@@ -67,8 +67,8 @@ const rangeModelStyle = computed(() => {
@include go(edit-range) {
position: relative;
transform-origin: left top;
@include filter-border-color('hover-border-color');
@include filter-bg-color('background-color2');
@include fetch-border-color('hover-border-color');
@include fetch-bg-color('background-color2');
@include go(edit-range-model) {
z-index: -1;
@@ -142,7 +142,7 @@ $asideBottom: 70px;
border-radius: 25px;
border: 1px solid;
mix-blend-mode: luminosity;
@include filter-border-color("hover-border-color-shallow");
@include fetch-border-color("hover-border-color-shallow");
&.aside {
flex-direction: column-reverse;
height: auto;
@@ -67,7 +67,7 @@ $textSize: 10px;
@extend .go-transition-quick;
&.hover,
&:hover {
@include filter-bg-color('background-color4');
@include fetch-bg-color('background-color4');
}
/* 选中 */
&.select {
@@ -38,7 +38,6 @@ const fetchProhectInfoById = () => {
if (!routeParamsRes) return
const { id } = routeParamsRes
if (id.length) {
// todo 从后端获取项目信息并存储
return id[0]
}
return ''