fix: 修改背景图覆盖不全的问题
This commit is contained in:
parent
0067d4fd5a
commit
2de57e93f5
@ -1,9 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div class="go-edit-range go-transition" :style="rangeStyle" @mousedown="mousedownHandleUnStop($event, undefined)">
|
||||||
class="go-edit-range go-transition"
|
|
||||||
:style="rangeStyle"
|
|
||||||
@mousedown="mousedownHandleUnStop($event, undefined)"
|
|
||||||
>
|
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
<!-- 水印 -->
|
<!-- 水印 -->
|
||||||
<edit-watermark></edit-watermark>
|
<edit-watermark></edit-watermark>
|
||||||
@ -41,18 +37,8 @@ const rangeStyle = computed(() => {
|
|||||||
const scale = {
|
const scale = {
|
||||||
transform: `scale(${getEditCanvas.value.scale})`
|
transform: `scale(${getEditCanvas.value.scale})`
|
||||||
}
|
}
|
||||||
// 设置背景色和图片背景
|
|
||||||
const background = getEditCanvasConfig.value.background
|
|
||||||
const backgroundImage = getEditCanvasConfig.value.backgroundImage
|
|
||||||
const selectColor = getEditCanvasConfig.value.selectColor
|
|
||||||
const backgroundColor = background ? background : undefined
|
|
||||||
|
|
||||||
const computedBackground = selectColor
|
|
||||||
? { background: backgroundColor }
|
|
||||||
: { background: `url(${backgroundImage}) no-repeat center/100% !important` }
|
|
||||||
|
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
return { ...useSizeStyle(size.value), ...computedBackground, ...scale }
|
return { ...useSizeStyle(size.value), ...scale }
|
||||||
})
|
})
|
||||||
|
|
||||||
// 模态层
|
// 模态层
|
||||||
|
@ -111,7 +111,7 @@ const rangeStyle = computed(() => {
|
|||||||
|
|
||||||
const computedBackground = selectColor
|
const computedBackground = selectColor
|
||||||
? { background: backgroundColor }
|
? { background: backgroundColor }
|
||||||
: { background: `url(${backgroundImage}) no-repeat center/100% !important` }
|
: { background: `url(${backgroundImage}) no-repeat center center / cover !important` }
|
||||||
|
|
||||||
// @ts-ignore
|
// @ts-ignore
|
||||||
return {
|
return {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user