fix: anchor fixed less #4931

close #4931

Author: tangjinzhou

components/anchor/Anchor.tsx

@@ -238,7 +238,7 @@ export default defineComponent({
       });
 
       const anchorClass = classNames(pre, {
-        fixed: !affix && !showInkInFixed,
+        [`${pre}-fixed`]: !affix && !showInkInFixed,
       });
 
       const wrapperStyle = {

components/anchor/__tests__/__snapshots__/demo.test.js.snap

@@ -31,7 +31,7 @@ exports[`renders ./components/anchor/demo/basic.vue correctly 1`] = `
 
 exports[`renders ./components/anchor/demo/customizeHighlight.vue correctly 1`] = `
 <div class="ant-anchor-wrapper" style="max-height: 100vh;">
-  <div class="ant-anchor fixed">
+  <div class="ant-anchor ant-anchor-fixed">
     <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball visible" style="top: -4.5px;"></span></div>
     <div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo">Basic demo</a>
       <!---->
@@ -53,7 +53,7 @@ exports[`renders ./components/anchor/demo/customizeHighlight.vue correctly 1`] =
 
 exports[`renders ./components/anchor/demo/onChange.vue correctly 1`] = `
 <div class="ant-anchor-wrapper" style="max-height: 100vh;">
-  <div class="ant-anchor fixed">
+  <div class="ant-anchor ant-anchor-fixed">
     <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
     <div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo">Basic demo</a>
       <!---->
@@ -75,7 +75,7 @@ exports[`renders ./components/anchor/demo/onChange.vue correctly 1`] = `
 
 exports[`renders ./components/anchor/demo/onClick.vue correctly 1`] = `
 <div class="ant-anchor-wrapper" style="max-height: 100vh;">
-  <div class="ant-anchor fixed">
+  <div class="ant-anchor ant-anchor-fixed">
     <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
     <div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo">Basic demo</a>
       <!---->
@@ -97,7 +97,7 @@ exports[`renders ./components/anchor/demo/onClick.vue correctly 1`] = `
 
 exports[`renders ./components/anchor/demo/static.vue correctly 1`] = `
 <div class="ant-anchor-wrapper" style="max-height: 100vh;">
-  <div class="ant-anchor fixed">
+  <div class="ant-anchor ant-anchor-fixed">
     <div class="ant-anchor-ink"><span class="ant-anchor-ink-ball"></span></div>
     <div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#components-anchor-demo-basic" title="Basic demo">Basic demo</a>
       <!---->

components/anchor/style/index.less

@@ -47,7 +47,7 @@
     }
   }
 
-  &.fixed &-ink &-ink-ball {
+  &-fixed &-ink &-ink-ball {
     display: none;
   }