gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 滚动条增加三种尺寸

Browse Source
This commit is contained in:
陈劲松
2020-04-17 16:39:08 +08:00
parent 34985e4641
commit 6959f56e44
4 changed files with 130 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
nezha-fronted/src/tools.js
View File

@@ -125,14 +125,13 @@ export const scrollBar = {
el = el.querySelector(".el-cascader__tags");
!el && console.warn("未发现className为el-cascader__tags的dom");
}
el.classList.add("ps");
el.addEventListener("ps-scroll-y", () =>
el.classList.add("ps")
);
el.addEventListener("ps-scroll-x", () =>
el.classList.add("ps")
);
el.addEventListener("ps-scroll-y", () => {
el.classList.add("ps");
});
el.addEventListener("ps-scroll-x", () => {
el.classList.add("ps");
});
//el上挂一份属性
el_scrollBar(el);
});
@@ -148,10 +147,17 @@ export const scrollBar = {
}
},
componentUpdated(el, binding, vnode, oldVnode) {
const { arg } = binding;
const { arg, value } = binding;
if (arg === "el-table") {
el = el.querySelector(".el-table__body-wrapper");
!el && console.warn("未发现className为el-table__body-wrapper的dom");
// 滚动条尺寸 large/normal/small 默认normal
vnode.context.$nextTick(() => {
if (value) {
el.querySelector(".ps__rail-x").classList.add("ps-scroll-" + value);
el.querySelector(".ps__rail-y").classList.add("ps-scroll-" + value);
}
});
} else if (arg === "el-dropdown") {
el = el.querySelector(".el-dropdown-menu");
!el && console.warn("未发现className为el-dropdown-menu的dom");
@@ -165,6 +171,7 @@ export const scrollBar = {
el = el.querySelector(".table-scroll");
!el && console.warn("未发现className为table-scroll的dom");
}
setTimeout(() => {
el.classList.add("ps");
el.classList.add("ps--active-y");