From 82b6172e97fab2f5525b9373a87f9eb6f79005e7 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 16 Oct 2022 11:10:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=87=E5=B0=BA=E5=88=BB=E5=BA=A6?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/Canvas/Ruler.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/views/Editor/Canvas/Ruler.vue b/src/views/Editor/Canvas/Ruler.vue
index 9ad60109..5ac69f03 100644
--- a/src/views/Editor/Canvas/Ruler.vue
+++ b/src/views/Editor/Canvas/Ruler.vue
@@ -10,10 +10,10 @@
       <div 
         class="ruler-marker-100" 
         :class="{ 'hide': markerSize < 36, 'omit': markerSize < 72 }"
-        v-for="marker in 10" 
+        v-for="marker in 20" 
         :key="`marker-100-${marker}`"
       >
-        <span>{{marker * 100}}</span>
+        <span>{{marker}}</span>
       </div>
     </div>
     <div 
@@ -26,11 +26,11 @@
       <div 
         class="ruler-marker-100" 
         :class="{ 'hide': markerSize < 36, 'omit': markerSize < 72 }"
-        v-for="marker in 10" 
+        v-for="marker in 20" 
         :key="marker" 
         :style="{ height: markerSize + 'px' }"
       >
-        <span>{{marker * 100}}</span>
+        <span>{{marker}}</span>
       </div>
     </div>
   </div>
@@ -76,12 +76,14 @@ const markerSize = computed(() => {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  overflow: hidden;
 
   .ruler-marker-100 {
     height: 100%;
+    width: 10%;
     line-height: 20px;
     text-align: right;
-    flex: 1;
+    flex-shrink: 0;
     padding-right: 5px;
     position: relative;