style: 优化代码格式

This commit is contained in:
奔跑的面条 2022-12-17 22:25:19 +08:00
parent 4ef77fcf25
commit a17d7a4182

View File

@ -1,12 +1,25 @@
<template> <template>
<div class="go-sketch-rule"> <div class="go-sketch-rule">
<sketch-rule v-if="sketchRuleReDraw" :thick="thick" :scale="scale" :width="canvasBox().width" <sketch-rule
:height="canvasBox().height" :startX="startX" :startY="startY" :lines="lines" :palette="paletteStyle"> v-if="sketchRuleReDraw"
:thick="thick"
:scale="scale"
:width="canvasBox().width"
:height="canvasBox().height"
:startX="startX"
:startY="startY"
:lines="lines"
:palette="paletteStyle"
>
</sketch-rule> </sketch-rule>
<div ref="$app" class="edit-screens" @scroll="handleScroll"> <div ref="$app" class="edit-screens" @scroll="handleScroll">
<div ref="$container" class="edit-screen-container" :style="{ width: width * 2 + 'px' }"> <div ref="$container" class="edit-screen-container" :style="{ width: width * 2 + 'px' }">
<div ref="refSketchRuleBox" class="canvas" @mousedown="dragCanvas" <div
:style="{ marginLeft: '-' + (canvasBox().width / 2 - 25) + 'px' }"> ref="refSketchRuleBox"
class="canvas"
@mousedown="dragCanvas"
:style="{ marginLeft: '-' + (canvasBox().width / 2 - 25) + 'px' }"
>
<div :style="{ pointerEvents: isPressSpace ? 'none' : 'auto' }"> <div :style="{ pointerEvents: isPressSpace ? 'none' : 'auto' }">
<slot></slot> <slot></slot>
</div> </div>
@ -55,14 +68,14 @@ const paletteStyle = computed(() => {
const isDarkTheme = designStore.getDarkTheme const isDarkTheme = designStore.getDarkTheme
return isDarkTheme return isDarkTheme
? { ? {
bgColor: '#18181c', bgColor: '#18181c',
longfgColor: '#4d4d4d', longfgColor: '#4d4d4d',
shortfgColor: '#4d4d4d', shortfgColor: '#4d4d4d',
fontColor: '#4d4d4d', fontColor: '#4d4d4d',
shadowColor: '#18181c', shadowColor: '#18181c',
borderColor: '#18181c', borderColor: '#18181c',
cornerActiveColor: '#18181c' cornerActiveColor: '#18181c'
} }
: {} : {}
}) })
@ -182,7 +195,7 @@ watch(
chartEditStore.setScale(newValue) chartEditStore.setScale(newValue)
setTimeout(() => { setTimeout(() => {
canvasPosCenter() canvasPosCenter()
}, 500); }, 500)
} }
} }
) )