|
|
@ -55,22 +55,28 @@ const getShowLayoutFooter = computed(() => { |
|
|
|
<style lang="less" scoped> |
|
|
|
<style lang="less" scoped> |
|
|
|
@prefix-cls: ~'@{namespace}-layout-footer'; |
|
|
|
@prefix-cls: ~'@{namespace}-layout-footer'; |
|
|
|
|
|
|
|
|
|
|
|
@normal-color: rgba(0, 0, 0, 0.45); |
|
|
|
html{ |
|
|
|
|
|
|
|
--normal-text:#b6b7b9; |
|
|
|
|
|
|
|
--hover-text: rgb(0 0 0 / 85%); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@hover-color: rgba(0, 0, 0, 0.85); |
|
|
|
html[data-theme="dark"] { |
|
|
|
|
|
|
|
--normal-text:rgb(255 255 255 0.85); |
|
|
|
|
|
|
|
--hover-text: rgb(0 0 0 / 85%); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.@{prefix-cls} { |
|
|
|
.@{prefix-cls} { |
|
|
|
color: @normal-color; |
|
|
|
color: var(--normal-text); |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
|
|
|
|
&__links { |
|
|
|
&__links { |
|
|
|
margin-bottom: 8px; |
|
|
|
margin-bottom: 8px; |
|
|
|
|
|
|
|
|
|
|
|
a { |
|
|
|
a { |
|
|
|
color: @normal-color; |
|
|
|
color: var(--normal-text); |
|
|
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
&:hover { |
|
|
|
color: @hover-color; |
|
|
|
color: var(--hover-text); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -79,7 +85,7 @@ const getShowLayoutFooter = computed(() => { |
|
|
|
margin: 0 30px; |
|
|
|
margin: 0 30px; |
|
|
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
&:hover { |
|
|
|
color: @hover-color; |
|
|
|
color: var(--hover-text); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|