feat: 🎸 初版完成
This commit is contained in:
@@ -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; // 隐藏横向滚动栏
|
||||
|
||||
@@ -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)
|
||||
})
|
||||
|
||||
|
||||
@@ -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
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -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
|
||||
}))
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user