优化图片显示

This commit is contained in:
dragon
2024-11-08 17:26:57 +08:00
parent 9a151fbe05
commit 836fb732c8
19 changed files with 60 additions and 42 deletions

View File

@@ -107,6 +107,7 @@
<button id="btnMultiDel" class="btn btn-default">
<i class="glyphicon"></i>删除选中
</button>
<div class="text">banner尺寸"690*236</div>
</div>
</section>
</div>
@@ -193,7 +194,7 @@
<div class="col-sm-6">
<input
type="text"
class="form-control "
class="form-control"
name="skipUri"
id="skipUrlContent"
/>
@@ -1149,13 +1150,19 @@ export default {
// $("#tipModal").modal('show');
// return;
// }
if(parseInt($("#skipUrlSort").val()) !=100 && $('#skipUrlContent').val()==''){
alert('请填写跳转链接跳转链接')
return
if (
parseInt($("#skipUrlSort").val()) != 100 &&
$("#skipUrlContent").val() == ""
) {
alert("请填写跳转链接跳转链接");
return;
}
if(parseInt($("#skipUrlSort").val()) ==100 && $('#skipUrlContent').val()!=''){
alert('无跳转无需填写跳转链接')
return
if (
parseInt($("#skipUrlSort").val()) == 100 &&
$("#skipUrlContent").val() != ""
) {
alert("无跳转无需填写跳转链接");
return;
}
if ($("#bannerForm").validationEngine("validate")) {
$.ajax({
@@ -1229,13 +1236,19 @@ export default {
$("#addSave").on("click", function () {
var startDateVal = $("#addStartDate").val();
var endDateVal = $("#addEndDate").val();
if(parseInt($("#addSkipUrlSort").val()) !=100 && $('#addSkipUrlContent').val()==''){
alert('请填写跳转链接跳转链接')
return
if (
parseInt($("#addSkipUrlSort").val()) != 100 &&
$("#addSkipUrlContent").val() == ""
) {
alert("请填写跳转链接跳转链接");
return;
}
if(parseInt($("#addSkipUrlSort").val()) ==100 && $('#addSkipUrlContent').val()!=''){
alert('无跳转无需填写跳转链接')
return
if (
parseInt($("#addSkipUrlSort").val()) == 100 &&
$("#addSkipUrlContent").val() != ""
) {
alert("无跳转无需填写跳转链接");
return;
}
if (!startDateVal || !endDateVal) {
$("#tipMsg").text("请选择日期");
@@ -1507,4 +1520,9 @@ export default {
margin-right: 10px;
margin-left: 5px;
}
.text{
font-size: 20px;
margin-top: 20px;
color: rgb(173, 53, 53);
}
</style>

View File

@@ -48,7 +48,7 @@
:src="scope.row.logo"
:zoom-rate="1.1"
:preview-src-list="scope.row.logo"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -63,7 +63,7 @@
:src="scope.row.background"
:zoom-rate="1.1"
:preview-src-list="scope.row.background"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -78,7 +78,7 @@
:src="scope.row.pic"
:zoom-rate="1.1"
:preview-src-list="scope.row.pic"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -69,7 +69,7 @@
:src="scope.row.avatar"
:zoom-rate="1.1"
:preview-src-list="[scope.row.avatar]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true" />
</template>
@@ -82,7 +82,7 @@
:src="scope.row.backgroundUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.backgroundUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true" />
</template>

View File

@@ -72,7 +72,7 @@
:src="imgFun(JsonFunc(scope.row.rewardJson))[0]"
:zoom-rate="1.1"
:preview-src-list="imgFun(JsonFunc(scope.row.rewardJson))"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -26,7 +26,7 @@
:src="scope.row.luckyBagPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.luckyBagPic]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -46,7 +46,7 @@
:src="scope.row.destGiftPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.destGiftPic]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -70,7 +70,7 @@
:src="scope.row.rewardGiftPic"
:zoom-rate="1.1"
:preview-src-list="[scope.row.rewardGiftPic]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -60,7 +60,7 @@
:src="scope.row.picUrl"
:zoom-rate="1.1"
:preview-src-list="scope.row.picUrl"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -43,7 +43,7 @@
:src="scope.row.picUrl"
:zoom-rate="1.1"
:preview-src-list="scope.row.picUrl"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -65,7 +65,7 @@
:src="scope.row.avatar"
:zoom-rate="1.1"
:preview-src-list="[scope.row.avatar]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -78,7 +78,7 @@
:src="scope.row.backgroundUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.backgroundUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -57,7 +57,7 @@
:src="scope.row.avatar"
:zoom-rate="1.1"
:preview-src-list="[scope.row.avatar]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -70,7 +70,7 @@
:src="scope.row.backgroundUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.backgroundUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="icon" label="入口icon">
<template v-slot="scope">
<el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1"
:preview-src-list="[scope.row.icon]" fit="cover" preview-teleported="true"
:preview-src-list="[scope.row.icon]" fit="scale-down" preview-teleported="true"
hide-on-click-modal="true" />
</template>
</el-table-column>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="icon" label="入口icon">
<template v-slot="scope">
<el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1"
:preview-src-list="[scope.row.icon]" fit="cover" preview-teleported="true"
:preview-src-list="[scope.row.icon]" fit="scale-down" preview-teleported="true"
hide-on-click-modal="true" />
</template>
</el-table-column>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="url" label="开屏页" width="200">
<template v-slot="scope">
<el-image style="width: 100%; height: 100px" :src="scope.row.url" :zoom-rate="1.1"
:preview-src-list="[scope.row.url]" fit="cover" preview-teleported="true"
:preview-src-list="[scope.row.url]" fit="scale-down" preview-teleported="true"
hide-on-click-modal="true" />
</template>
</el-table-column>

View File

@@ -41,7 +41,7 @@
:src="scope.row.photoUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.photoUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/></template>
@@ -58,7 +58,7 @@
style="width: 30px; height: 30px; vertical-align: middle; margin-right: 6px"
:src="scope.row.picUrl"
:zoom-rate="1"
fit="cover"
fit="scale-down"
preview-teleported="true"
/>
<img

View File

@@ -6,11 +6,11 @@
</div>
<div class="inquire">
<span>头图尺寸:</span>
<div class="text">0</div>
<div class="text">750*280</div>
</div>
<div class="inquire">
<span>icon尺寸:</span>
<div class="text">0</div>
<div class="text">80*80</div>
</div>
<div class="inquireBox">
<span>首页头图:</span>
@@ -511,7 +511,7 @@ export default {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
align-items: baseline;
align-items: center;
span {
display: block;
margin-right: 20px;

View File

@@ -110,7 +110,7 @@
:src="scope.row.url"
:zoom-rate="1.1"
:preview-src-list="[scope.row.url]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>
@@ -304,7 +304,7 @@
style="width: 100px; height: 100px"
:src="dialogObj.imageUrl2"
:zoom-rate="1.1"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -54,7 +54,7 @@
:src="scope.row.url"
:zoom-rate="1.1"
:preview-src-list="[scope.row.url]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -69,7 +69,7 @@
:src="scope.row.screenUrl"
:zoom-rate="1.1"
:preview-src-list="scope.row.screenUrl"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -52,7 +52,7 @@
:src="scope.row.giftUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.giftUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>

View File

@@ -42,7 +42,7 @@
:src="scope.row.giftUrl"
:zoom-rate="1.1"
:preview-src-list="[scope.row.giftUrl]"
fit="cover"
fit="scale-down"
preview-teleported="true"
hide-on-click-modal="true"
/>