|
|
|
@ -36,6 +36,7 @@ let styleObject = reactive({ |
|
|
|
|
|
|
|
const emits = defineEmits(["update:imgUrl","updateCont"]); |
|
|
|
|
|
|
|
// const url = ref(errimg) |
|
|
|
const url = ref(props.data?.control.imgUrl?props.data?.control.imgUrl:props.imgUrl) |
|
|
|
if(props.data?.control.imgUrl===''){ |
|
|
|
url.value = errimg |
|
|
|
@ -93,8 +94,6 @@ watch(()=>props.data?.control, (val) => { |
|
|
|
styleObject.width = widthPercent+'%'; |
|
|
|
styleObject.height = heightPercent+'%'; |
|
|
|
} |
|
|
|
},{ |
|
|
|
deep: true, |
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
@ -207,8 +206,9 @@ watch(() =>props.imgUrl,(val)=>{ |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<!-- <img v-if="url!=errimg" referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" @click="handleLink(props.data?.control)" /> --> |
|
|
|
<el-upload |
|
|
|
<img v-if="url!=errimg" referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" @click="handleLink(props.data?.control)" /> |
|
|
|
<img v-else referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" @click="handleLink(props.data?.control)" /> |
|
|
|
<!-- <el-upload |
|
|
|
v-bind="$props" |
|
|
|
class="upload-demo" |
|
|
|
:action="uploadUrl" |
|
|
|
@ -217,9 +217,9 @@ watch(() =>props.imgUrl,(val)=>{ |
|
|
|
:on-success="handleAvatarSuccess" |
|
|
|
:before-upload="beforeAvatarUpload" |
|
|
|
> |
|
|
|
<!-- <img referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" /> --> |
|
|
|
<img referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" /> |
|
|
|
</el-upload> |
|
|
|
<img referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" /> |
|
|
|
<img referrerpolicy="no-referrer" :src="url" :style="styleObject" :fit="fit" :class="[boderAndShadowClassIsActive ? boderAndShadowClass : '', radiusClassIsActive ? radiusClass : '',mp, floatFlag ? floatStyle : '']" /> |
|
|
|
</el-upload> --> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
|