theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交 md 目录样式调整

Browse Source
This commit is contained in:
就眠儀式 2021-12-30 02:39:19 +08:00
parent 4a1451ba17
commit da1494f716
3 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
example/src/components/LayAsideAnchor.vue → example/src/components/LayAnchor.vue
View File

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

4
example/src/main.ts
View File

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

4
example/src/plugin/create-anchor.ts
View File

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