Prechádzať zdrojové kódy

Merge branch 'develop' of http://39.106.8.246:3003/web/wanda-editer into develop

YaolongHan 4 rokov pred
rodič
commit
c3460fb20a
1 zmenil súbory, kde vykonal 23 pridanie a 2 odobranie
  1. 23 2
      src/components/edit/top_toolbar.vue

+ 23 - 2
src/components/edit/top_toolbar.vue

@@ -18,7 +18,14 @@
           <a-icon type="edit" />
           <span>重做</span>
         </li>-->
-        <li>缩放窗口</li>
+        <li class="zoom-window">
+          <div>
+            <img class="lock" :src="require(`./../../assets/images/缩小.png`)" alt />
+            <span class="percentage">100%</span>
+            <img class="lock" :src="require(`./../../assets/images/放大 amplification.png`)" alt />
+          </div>
+          <span>缩放窗口</span>
+        </li>
         <li>
           <a-dropdown :trigger="['click']">
             <div class="ant-dropdown-link dropdown-flex" @click="e => e.preventDefault()">
@@ -186,7 +193,9 @@ li {
         display: flex;
         justify-content: center;
         flex-direction: column;
-        width: 48px;
+        /*width: 62px;*/
+        padding: 0 7px;
+        margin-left: 7px;
         font-size: 12px;
         align-items: center;
         text-align: center;
@@ -195,6 +204,11 @@ li {
           width: 16px;
           height: 16px;
         }
+        .percentage{
+          border-bottom: 1px solid #C3C7CB;
+          margin: 0 13px;
+          font-size: 14px;
+        }
         .dropdown-flex{
           display: flex;
           align-items: center;
@@ -203,6 +217,13 @@ li {
           }
         }
       }
+      li:hover{
+        background: #F5F6F7;
+      }
+      .zoom-window{
+        border-left:1px solid #8D9399;
+        border-right:1px solid #8D9399;
+      }
     }
   }
   .btn-list {