瀏覽代碼

调研宝
替换放大,缩小按钮图标

zhangwf 5 年之前
父節點
當前提交
13c5cee498
共有 3 個文件被更改,包括 5 次插入8 次删除
  1. 二進制
      src/assets/images/add.png
  2. 二進制
      src/assets/images/subtraction.png
  3. 5 8
      src/components/HeaderEdit.vue

二進制
src/assets/images/add.png


二進制
src/assets/images/subtraction.png


+ 5 - 8
src/components/HeaderEdit.vue

@@ -34,7 +34,7 @@
           <span>保存</span>
         </div>
         <div title="缩放" class="zoom-title">
-          <span class="size" @click="zoom(false)">-</span>
+          <img class="size" @click="zoom(false)" src="../assets/images/subtraction.png"></img>
           <div class="zoom-num">
             <span
               style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(100,107,129,1);line-height:19px"
@@ -43,7 +43,7 @@
               style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(100,107,129,1);line-height:19px;"
             >缩放</span>
           </div>
-          <span class="size" @click="zoom(true)">+</span>
+          <img class="size" @click="zoom(true)" src="../assets/images/add.png"></img>
         </div>
       </div>
     </div>
@@ -407,12 +407,9 @@ export default {
           width: 50px;
         }
 
-        .size {
-          display: inline-block;
-          width: 20px;
-          height: 20px;
-          justify-content: center;
-          text-align: center;
+        .size { 
+          width: 10px;
+          object-fit: cover;
           margin-left: 8px;
           margin-right: 8px;
         }