提交 md 目录样式调整

example/src/components/LayAnchor.vue

@@ -103,11 +103,11 @@ const handlerBtnClick = () => {
   cursor: pointer;
   transition: all 0.1s cubic-bezier(0, 0, 1, 1);
   &:hover {
-    background-color: #eeeeee;
+    background-color: #f6f6f6 !important;
     color: #5fb878;
   }
   &:active {
-    background-color: #eeeeee;
+    background-color: #f6f6f6 !important;
     color: #89d89f;
   }
 }
@@ -119,12 +119,12 @@ const handlerBtnClick = () => {
   border-radius: 2px;
   list-style: none;
   &:hover {
-    background-color: #eeeeee;
+    background-color: #f6f6f6 !important;
     color: #5fb878;
   }
 }
 .active {
-  background-color: #eeeeee !important;
+  background-color: #f6f6f6 !important;
   color: #5fb878 !important;
 }
 
@@ -135,26 +135,27 @@ const handlerBtnClick = () => {
 
 .lay-aside-collapse-btn {
   position: fixed;
-  right: 167px;
-  top: 20%;
+  right: 197px;
+  top: calc(50% - 20px);
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 30px;
-  height: 30px;
-  border: none;
+  width: 18px;
+  height: 40px;
   background-color: #f6f6f6;
-  border-radius: 50%;
-  opacity: 0.7;
+  border-radius: 0px;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border: rgb(229 230 235) 1px solid;
+  border-right: none;
+  transition: right 200ms;
   box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
   &:hover {
     background-color: #e2e2e2;
-    width: 32px;
-    height: 32px;
   }
 }
 .lay-aside-collapse-btn-collapse {
-  right: 15px;
+  right:0px;
 }
 
 @media screen and (max-width: 768px) {

example/src/main.ts

@@ -7,7 +7,7 @@ import LayCode from './components/LayCode.vue'
 import LaySearch from './components/LaySearch.vue'
 import LayTableBox from './components/LayTableBox.vue'
 import LayComment from './components/LayComment.vue'
-import LayAsideAnchor from './components/LayAsideAnchor.vue'
+import LayAnchor from './components/LayAnchor.vue'
 import './assets/css/index.css'
 
 export function createApp(): {
@@ -24,7 +24,7 @@ export function createApp(): {
     .component('LaySearch', LaySearch)
     .component('LayTableBox', LayTableBox)
     .component('LayComment', LayComment)
-    .component('LayAsideAnchor',LayAsideAnchor)
+    .component('LayAnchor',LayAnchor)
     .use(Layui)
 
   return { app, router }

example/src/plugin/create-anchor.ts

@@ -28,9 +28,9 @@ export default function createContainer(
             }
           }
           // 此处仅支持 string | number | boolean 类型
-          return `<lay-aside-anchor anchors="${anchors}" :currIndex="-1" :show="true">`;
+          return `<lay-anchor anchors="${anchors}" :currIndex="-1" :show="true">`;
         } else {
-          return "</lay-aside-anchor>\n";
+          return "</lay-anchor>\n";
         }
       },
     },