github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 标尺刻度调整

Browse Source
This commit is contained in:
pipipi-pikachu 2022-10-16 11:10:47 +08:00
parent d67b140d86
commit 82b6172e97
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Editor/Canvas/Ruler.vue
View File

@ -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;