hhyykk/ipms-sjy
1
1
Fork 0
mirror of https://gitee.com/hhyykk/ipms-sjy.git synced 2025-07-13 02:25:06 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: less to scss

Browse Source
This commit is contained in:
xingyu4j
2022-11-23 15:18:59 +08:00
parent a5287d7186
commit 8a77c94710
36 changed files with 293 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
yudao-ui-admin-vue3/src/views/Home/Index2.vue
View File

@ -270,10 +270,10 @@ const getAllApi = async () => {
getAllApi()
</script>
<style lang="less" scoped>
@prefix-cls: ~'@{namespace}-panel';
<style lang="scss" scoped>
$prefix-cls: #{$namespace}-panel;
.@{prefix-cls} {
.#{$prefix-cls} {
&__item {
&--peoples {
color: #40c9c6;
@ -292,22 +292,22 @@ getAllApi()
}
&:hover {
:deep(.@{namespace}-icon) {
:deep(.#{$namespace}-icon) {
color: #fff !important;
}
.@{prefix-cls}__item--icon {
.#{$prefix-cls}__item--icon {
transition: all 0.38s ease-out;
}
.@{prefix-cls}__item--peoples {
.#{$prefix-cls}__item--peoples {
background: #40c9c6;
}
.@{prefix-cls}__item--message {
.#{$prefix-cls}__item--message {
background: #36a3f7;
}
.@{prefix-cls}__item--money {
.#{$prefix-cls}__item--money {
background: #f4516c;
}
.@{prefix-cls}__item--shopping {
.#{$prefix-cls}__item--shopping {
background: #34bfa3;
}
}

6
yudao-ui-admin-vue3/src/views/Login/Login.vue
View File

@ -73,10 +73,10 @@ const { getPrefixCls } = useDesign()
const prefixCls = getPrefixCls('login')
</script>
<style lang="less" scoped>
@prefix-cls: ~'@{namespace}-login';
<style lang="scss" scoped>
$prefix-cls: #{$namespace}-panel;
.@{prefix-cls} {
.#{$prefix-cls} {
&__left {
&::before {
position: absolute;

2
yudao-ui-admin-vue3/src/views/Login/components/LoginForm.vue
View File

@ -307,7 +307,7 @@ onMounted(() => {
})
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
:deep(.anticon) {
&:hover {
color: var(--el-color-primary) !important;

2
yudao-ui-admin-vue3/src/views/Login/components/MobileForm.vue
View File

@ -197,7 +197,7 @@ const signIn = async () => {
}
</script>
<style lang="less" scoped>
<style lang="scss" scoped>
:deep(.anticon) {
&:hover {
color: var(--el-color-primary) !important;