去除侧边的拖拽 解决抖动问题

This commit is contained in:
WangHao 2020-11-07 22:11:28 +08:00
parent 08045be83c
commit 1842016b47
4 changed files with 24 additions and 18 deletions
ruoyi-ui/src
assets/styles
components/BookmarkList
views/bookmark
bookmark
index

@ -49,6 +49,9 @@
.isresize{
display: none;
}
.filter-classification{
margin-left: 12px;
}
.sousouleft-switch{
display: block!important;
}

@ -108,7 +108,7 @@
.bookmark-item {
display: flex;
height: 24px;
font-size: 13px;
/* font-size: 13px; */
overflow: hidden;
}
@ -141,6 +141,8 @@
-webkit-text-overflow: ellipsis;
overflow: hidden;
position: relative;
font-size: 1.05rem;
font-weight: 500;
}
.bookmark-time {
@ -149,7 +151,7 @@
margin-right: 10px;
}
.bookmark-description{
font-size: 10px;
font-size: 0.95rem;
overflow: hidden;
color: #b1b1b1;
text-overflow:ellipsis;
@ -162,7 +164,7 @@
}
.info {
font-size: 12px;
font-size: 0.95rem;
display: flex;
align-items: center;
}

@ -505,9 +505,11 @@
//
window.addEventListener('resize', this.getHeight);
this.getHeight()
},
mounted() {
this.closeIsMain()
},
methods: {
@ -1350,6 +1352,7 @@
.bookmark {
height: 70px;
/*border-bottom: 1px solid #D9D9D9;*/
}
.bookmark2 {
@ -1475,10 +1478,9 @@
}
.sousou-left {
/*width: 50px!important;*/
/*height: 50px;*/
/*margin-top: 12px!important;*/
/*background-color: red;*/
margin-left: 12px;
}
.isBookmarkAside{
padding: 0px;

@ -65,7 +65,7 @@
</transition>
<div class="isresize" style="cursor:w-resize">
<!-- <i class="el-icon-caret-top"></i>-->
</div>
<!-- <el-drawer-->
<!-- title="我是标题"-->
@ -1114,7 +1114,7 @@
//console.log("addDiyDom:2"+$.fn.zTree.getZTreeObj("treeDemo").getCheckedNodes()[0]);
var editStr = "<span class=" + treeNode.tId + "_count style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:8px' onfocus='this.blur();'>" + treeNode.bookmarkCount + "</span>";
var editStr = "<span class=" + treeNode.tId + "_count style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:0.8rem' onfocus='this.blur();'>" + treeNode.bookmarkCount + "</span>";
switchObjspan.after(editStr);
}
},
@ -1128,7 +1128,7 @@
if (confCount > 0) return;
//if (treeNode.parentNode && treeNode.parentNode.id!=1) return;
var switchObjspan = $("#" + treeNode.tId + "_span");
var editStr = "<span class=" + treeNode.tId + "_sz data-parentId=" + treeNode.parentId + " data-menuId=" + treeNode.menuId + " onclick='editBookmark(this)' style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:8px' onfocus='this.blur();'><i class='el-icon-edit'></i></span>";
var editStr = "<span class=" + treeNode.tId + "_sz data-parentId=" + treeNode.parentId + " data-menuId=" + treeNode.menuId + " onclick='editBookmark(this)' style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:0.8rem' onfocus='this.blur();'><i class='el-icon-edit'></i></span>";
switchObjspan.after(editStr);
$("." + treeNode.tId + "_count").unbind().remove();
@ -1146,7 +1146,7 @@
$("." + treeNode.tId + "_sz").unbind().remove();
var switchObjspan = $("#" + treeNode.tId + "_span");
var editStr = "<span class=" + treeNode.tId + "_count onclick='alert(1111111);return false;' style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:8px' onfocus='this.blur();'>" + treeNode.bookmarkCount + "</span>";
var editStr = "<span class=" + treeNode.tId + "_count onclick='alert(1111111);return false;' style='color: #9e9e9e;float:right;display: inline-block;margin-right: 15px;font-size:0.8rem' onfocus='this.blur();'>" + treeNode.bookmarkCount + "</span>";
switchObjspan.after(editStr);
},
@ -1515,8 +1515,9 @@
.logoname span {
margin-left: 8px;
font-family: "PingFang SC";
font-size: 20px;
font-weight: 400;
font-size: 120%;
font-weight: 800;
}
.logoright i {
@ -1765,15 +1766,13 @@
/*拖拽区div样式*/
.isresize {
width: 7px;
font-size: 25px;
/* width: 5px; */
display: -webkit-flex;
justify-content: center;
align-items: center;
background-color: transparent;
color: transparent;
background-color: red;
color: red;
z-index: 1;
margin-left: -4px!important;
}
/*拖拽区鼠标悬停样式*/