.img-cover
a-modal(
v-model:visible="modalVisible",
:title="title",
cancelText="取消",
cancelType="link",
okText="确定",
@onCancel="onCancel",
:keyboard="false",
@ok="onOk",
:maskClosable="false"
)
vue-cropper(v-if='`${aspectRatio}` !== "NaN" && cropperShow', ref="cropper", :src="choseImg", :aspectRatio="aspectRatio")
vue-cropper(v-else-if='`${aspectRatio}` === "NaN" && cropperShow', ref="cropper", :src="choseImg")
//- 1、如果有传过来的旧图,显示旧图
//- 2、如果没有,显示无图
//- 3、裁切时,也是显示旧图
//- 4、裁切后,显示裁切之后的图
//- 5、上传的图,不需要显示。只是用来控制cropper的显示内容
.left-img(v-if="!oldImgSrc && !afterImg " :style='{width: CWidth, height: CHeight}')
img(src="../assets/img/exhibition/noimg.png")
img.left-img(v-else, :src="afterImg || oldImgSrc" :style='{width: CWidth, height: CHeight}')
.r-text
.text 支持格式:
span {{importType.join('、')}}
br
|
| 最佳尺寸:
span {{ sizeText }}
br
|
| 图片大小:
span {{fileSize}}M以内
a-upload(
accept=".jpg, .jpeg, .png",
:showUploadList="false",
:disabled="disabled",
:beforeUpload="beforeUpload"
)
a-button(type="dashed")
//- a-icon(type="icontuichu11")
slot(name='prefix')
| 上传