Browse Source

fix: footer text

main
xingyu 2 years ago
parent
commit
e8c9af962f
  1. 2
      src/design/var/index.less
  2. 18
      src/layouts/default/footer/index.vue

2
src/design/var/index.less

@ -2,7 +2,7 @@
@import "easing"; @import "easing";
@import "breakpoint"; @import "breakpoint";
@namespace: vben; @namespace: xingyuv;
// tabs // tabs
@multiple-height: 30px; @multiple-height: 30px;

18
src/layouts/default/footer/index.vue

@ -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);
} }
} }
} }