mirror of
https://gitee.com/dromara/go-view.git
synced 2025-04-06 03:58:04 +08:00
style: 优化代码格式
This commit is contained in:
parent
4ef77fcf25
commit
a17d7a4182
@ -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)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user