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

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

View File

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

View File

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

View File

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

View File

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