浏览代码

移动按钮大小

reaper 4 年之前
父节点
当前提交
49a141ac2e
共有 1 个文件被更改,包括 12 次插入4 次删除
  1. 12 4
      src/components/knowledgeExtra/AddAssess/index.vue

+ 12 - 4
src/components/knowledgeExtra/AddAssess/index.vue

@@ -37,8 +37,8 @@
       margin-left: 10px;
       display: flex;
       div {
-        width: 10px;
-        height: 14px;
+        width: 12px;
+        height: 16px;
         margin-right: 8px;
         img {
           width: 100%;
@@ -76,9 +76,17 @@
       padding: 0 5px;
       margin: 0 30px;
       cursor: pointer;
+      &:nth-child(1) {
+        &:hover {
+          background: rgba(97, 218, 215, 0.1);
+        }
+      }
       &:nth-child(2) {
         border-color: #ff5b5b;
         color: #ff5b5b;
+        &:hover {
+          background: rgba(255, 91, 91, 0.1);
+        }
       }
     }
   }
@@ -182,8 +190,8 @@ it .ql-editor,
               @click="CHANGE_TABLE({ tableIndex, type: 'up' })"
               @mouseover="moveTopHover = true"
               @mouseout="moveTopHover = false"
-              type="text"
               v-if="tableIndex"
+              title="上移"
             >
               <img
                 :src="
@@ -199,7 +207,7 @@ it .ql-editor,
               @click="CHANGE_TABLE({ tableIndex, type: 'down' })"
               @mouseover="moveBottomHover = true"
               @mouseout="moveBottomHover = false"
-              type="text"
+              title="下移"
             >
               <img
                 :src="