From 9287eaaaa912d4d49b6a9dae8283f7cff285db5a Mon Sep 17 00:00:00 2001
From: WangHao <43278047@qq.com>
Date: Sat, 3 Oct 2020 18:11:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=8C=E6=AC=A1=E7=BE=8E=E5=8C=96=E5=B7=A6?=
 =?UTF-8?q?=E4=BE=A7div=E5=AE=BD=E5=BA=A6=E6=8B=96=E6=8B=89=20=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/bookmark/index/index.vue | 37 ++++++++++++---------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/ruoyi-ui/src/views/bookmark/index/index.vue b/ruoyi-ui/src/views/bookmark/index/index.vue
index 626ada848..860ad0e32 100644
--- a/ruoyi-ui/src/views/bookmark/index/index.vue
+++ b/ruoyi-ui/src/views/bookmark/index/index.vue
@@ -62,7 +62,7 @@
       </transition>
 
       <div class="isresize">
-
+        <i class="el-icon-caret-top"></i>
       </div>
       <!--    <el-drawer-->
       <!--      title="我是标题"-->
@@ -466,7 +466,6 @@
               resize[i].style.left = moveLen; // 设置左侧区域的宽度
 
               for (let j = 0; j < left.length; j++) {
-                console.log("開始設置宽度")
                 left[j].style.width = moveLen + 'px';
                 // this.asideHeight.width = moveLen + 'px';
                 mid[j].style.width = (box[i].clientWidth - moveLen - 10) + 'px';
@@ -1018,8 +1017,13 @@
     padding: 0;
     margin-bottom: 0;
     /*background:url('https://ftp.bmp.ovh/imgs/2020/08/4ac1d6b4f41049ef.jpg') no-repeat;*/
-    background-color: #F6F6F6;
-    /*background: url("https://s1.ax1x.com/2020/08/16/dEcqVU.jpg") no-repeat;*/
+    /*background-color: #F6F6F6;*/
+    background: url("https://s1.ax1x.com/2020/08/16/dEcqVU.jpg") no-repeat;
+    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
+    -moz-background-size:100% 100%;
+    background-size:100% 100%;
+
+
 
     /*background-size: cover;*/
     /*z-index: -1;!*-1 可以当背景*!*/
@@ -1503,24 +1507,25 @@
 
   /*拖拽区div样式*/
   .isresize {
-    background-color: transparent ;
-
-    /*border-radius: 6px;*/
-    width: 12px;
-    /*height: 50px;*/
+    background-color: transparent;
+    width: 10px;
     font-size: 25px;
-    color: white;
-    /*margin-top: 23%;*/
+    display:-webkit-flex;
+    justify-content:center;
+    align-items:center;
+    background-color: transparent;
+    color: transparent;
   }
   /*拖拽区鼠标悬停样式*/
-  .isresize:hover {
-    /*color: #f2f2f2;*/
-    /*color: #f2f2f2;*/
+  .isresize:hover{
+    color: #a4a4a4;
   }
   .isresize i{
-    line-height: 36px;
+    margin-left: 2px;
     transform: rotate(90deg);
-    width: 8px;
+    width: 10px;
+    /*color: transparent;*/
+    /*background-color: black;*/
   }
   .main-right{
     min-width: 250px;