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

perf: 调整top按钮样式，并增加置顶动画

Browse Source
This commit is contained in:
陈劲松
2020-03-06 17:53:36 +08:00
parent ef6166fe19
commit 7a4d606212
17 changed files with 67 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
nezha-fronted/src/components/page/project/project.vue
View File

@@ -165,7 +165,7 @@
</el-table-column>
</el-table>
<Pagination v-cloak :pageObj="endpointPageObj" @pageNo='endpointPageNo' @pageSize='endpointPageSize' ref="endpointPagination"></Pagination>
<button class="to-top nz-btn nz-btn-size-normal nz-btn-style-light" v-show="showTopBtn1" @click="toTop">TOP</button>
<button class="to-top" v-show="showTopBtn1" @click="toTop"><i class="nz-icon nz-icon-top"></i></button>
</div>
<!--endpoint query-->
@@ -265,7 +265,7 @@
width="180">
</el-table-column>
</el-table>
<button class="to-top nz-btn nz-btn-size-normal nz-btn-style-light" v-show="showTopBtn2" @click="toTop">TOP</button>
<button class="to-top" v-show="showTopBtn2" @click="toTop"><i class="nz-icon nz-icon-top"></i></button>
</div>
<element-set
@@ -1537,7 +1537,7 @@
let el = this.$refs.endpointTable.$el.querySelector(".el-table__body-wrapper");
if (el._ps_) {
el.addEventListener("ps-scroll-y", () => {
if (el._ps_.scrollbarYTop > 100) {
if (el._ps_.scrollbarYTop > 50) {
this.showTopBtn1 = true;
} else {
this.showTopBtn1 = false;