feat: 🎸 初版完成

This commit is contained in:
chenkl
2020-12-31 15:20:32 +08:00
parent 37ec378f0b
commit 5bfe4d236f
13 changed files with 63 additions and 13 deletions

View File

@@ -11,7 +11,9 @@
<!-- 弹窗内容 -->
<el-scrollbar class="com-dialog__content">
<slot />
<div class="content__wrap">
<slot />
</div>
</el-scrollbar>
<template v-if="slots.footer" #footer>
@@ -40,6 +42,9 @@ export default defineComponent({
<style lang="less" scoped>
.com-dialog__content {
.content__wrap {
padding-right: 10px;
}
@{deep}(.el-scrollbar__wrap ) {
max-height: 600px; // 最大高度
overflow-x: hidden; // 隐藏横向滚动栏

View File

@@ -62,7 +62,7 @@ export default defineComponent({
}
}, 100);
(window as any).addEventListener('resize', __resizeHandler)
sidebarElm = document.getElementsByClassName('sidebar-container-wrap')[0]
sidebarElm = document.getElementsByClassName('sidebar__wrap')[0]
sidebarElm && sidebarElm.addEventListener('transitionend', sidebarResizeHandler)
})

View File

@@ -82,6 +82,11 @@
<el-switch v-model="greyMode" @change="setGreyMode" />
</div>
<div class="setting__item">
<span>回到顶部</span>
<el-switch v-model="showBackTop" @change="setShowBackTop" />
</div>
<div class="setting__item">
<span>页面标题</span>
<el-input v-model="title" size="mini" @change="setTitle" />
@@ -169,6 +174,11 @@ export default defineComponent({
appStore.SetGreyMode(greyMode)
}
const showBackTop = ref<boolean>(appStore.showBackTop)
function setShowBackTop(showBackTop: boolean) {
appStore.SetShowBackTop(showBackTop)
}
return {
drawer, toggleClick,
layout, setLayout,
@@ -182,7 +192,8 @@ export default defineComponent({
logo, setLogo,
title, setTitle,
logoTitle, setLogoTitle,
greyMode, setGreyMode
greyMode, setGreyMode,
showBackTop, setShowBackTop
}
}
})

View File

@@ -25,7 +25,7 @@ export default defineComponent({
return h('span', _this.slots[props.slotName]({
row: props.row,
column: props.column,
index: props.index
$index: props.index
}))
}
})