提交 6e2bccea 编写于 作者: ShineKOT's avatar ShineKOT

数据视图批量工具栏样式调整

上级 dac712a2
......@@ -575,7 +575,7 @@ import CodeListService from "@/codelist/codelist-service";
public afterMounted(){
this.$el.addEventListener('scroll', ()=> {
let el: any = this.$el.getElementsByClassName('dataview-pagination')[0];
el.style.top = -655 + this.$el.scrollTop + 'px';
el.style.top = 40 + this.$el.scrollTop + 'px';
<#if ctrl.isEnablePagingBar()>
if( this.$el.scrollTop + this.$el.clientHeight >= this.$el.scrollHeight) {
this.loadMore();
......
......@@ -10,6 +10,7 @@
height: 100%;
overflow-y: auto;
overflow-x: hidden;
position: relative;
// 排序栏样式
.bar-container{
padding: 6px 8px;
......@@ -163,22 +164,21 @@
}
<#if ctrl.getBatchPSDEToolbar?? && ctrl.getBatchPSDEToolbar()??>
.dataview-pagination {
position: relative;
right: 42px;
top: -655px;
position: absolute;
height: 42px;
width: 100%;
top: 40px;
float: right;
display: flex;
justify-content: flex-end;
align-items: center;
text-align: center;
font-size: 20px;
z-index: 5;
.batch-toolbar{
float: right;
}
.dataview-pagination-icon{
width: 30px;
height: 30px;
position: absolute;
right: -36px;
top: 4px;
float: right;
display: flex;
align-items: center;
justify-content: center;
......@@ -188,6 +188,7 @@
background-color: #FFF;
margin: 3px;
}
.dataview-pagination-icon:hover{
background-color: #409eff;
color: #fff;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册