Przeglądaj źródła

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

zhangwf 5 lat temu
rodzic
commit
13c5cee498

BIN
src/assets/images/add.png


BIN
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;
         }