czg_team/video_admin
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

剔除node-sass改用sass3.0，修复部分sass3.0兼容警告

Browse Source
This commit is contained in:
YeMingfei666
2024-12-17 09:58:00 +08:00
parent 9fdeb22e15
commit 39b82e0b2e
4 changed files with 332 additions and 649 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/assets/scss/_base.scss
View File

@@ -1,3 +1,4 @@
@use 'sass:color';
*,
*:before,
*:after {
@@ -11,7 +12,8 @@ body {
background-color: #fff;
}
a {
color: mix(#fff, $--color-primary, 20%);
// color: mix(#fff, $--color-primary, 20%);
color: color.mix(#fff, $--color-primary, 20%);
text-decoration: none;
&:focus,
&:hover {
@@ -137,12 +139,15 @@ img {
&:focus,
&:hover {
color: #fff;
background-color: mix(#000, $navbar--background-color, 15%);
// background-color: mix(#000, $navbar--background-color, 15%);
background-color: color.mix(#000, $navbar--background-color, 15%);
}
}
> .el-menu-item.is-active,
> .el-submenu.is-active > .el-submenu__title {
border-bottom-color: mix(#fff, $navbar--background-color, 85%);
// border-bottom-color: mix(#fff, $navbar--background-color, 85%);
border-bottom-color: color.mix(#fff, $navbar--background-color, 85%);
}
.el-menu-item i,
.el-submenu__title i,
@@ -267,17 +272,23 @@ img {
color: $sidebar--color-text-dark;
&:focus,
&:hover {
color: mix(#fff, $sidebar--color-text-dark, 50%);
background-color: mix(#293749, $sidebar--background-color-dark, 65%);
// color: mix(#fff, $sidebar--color-text-dark, 50%);
// background-color: mix(#293749, $sidebar--background-color-dark, 65%);
color: color.mix(#fff, $sidebar--color-text-dark, 50%);
background-color: color.mix(#293749, $sidebar--background-color-dark, 65%);
}
}
.el-menu,
.el-submenu.is-opened {
background-color: mix(#000, $sidebar--background-color-dark, 15%);
// background-color: mix(#000, $sidebar--background-color-dark, 15%);
background-color: color.mix(#000, $sidebar--background-color-dark, 15%);
}
.el-menu-item.is-active,
.el-submenu.is-active > .el-submenu__title {
color: mix(#4f9dec, $sidebar--color-text-dark, 100%);
// color: mix(#4f9dec, $sidebar--color-text-dark, 100%);
color: color.mix(#4f9dec, $sidebar--color-text-dark, 100%);
}
}
}

4
src/views/app/app.vue
View File

@@ -623,7 +623,7 @@ export default {
</script>
<style scoped>
/deep/ .file-box .el-upload {
::v-deep .file-box .el-upload {
width: 100%;
height: 100%;
box-sizing: border-box;
@@ -632,7 +632,7 @@ export default {
justify-content: center;
align-items: center;
}
/deep/ .avatar-uploader {
::v-deep .avatar-uploader {
width: 100%;
box-sizing: border-box;
height: 100%;