优化图片显示

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="icon" label="入口icon"> <el-table-column align="center" prop="icon" label="入口icon">
<template v-slot="scope"> <template v-slot="scope">
<el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1" <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" /> hide-on-click-modal="true" />
</template> </template>
</el-table-column> </el-table-column>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="icon" label="入口icon"> <el-table-column align="center" prop="icon" label="入口icon">
<template v-slot="scope"> <template v-slot="scope">
<el-image style="width: 100px; height: 100px" :src="scope.row.icon" :zoom-rate="1.1" <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" /> hide-on-click-modal="true" />
</template> </template>
</el-table-column> </el-table-column>

View File

@@ -33,7 +33,7 @@
<el-table-column align="center" prop="url" label="开屏页" width="200"> <el-table-column align="center" prop="url" label="开屏页" width="200">
<template v-slot="scope"> <template v-slot="scope">
<el-image style="width: 100%; height: 100px" :src="scope.row.url" :zoom-rate="1.1" <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" /> hide-on-click-modal="true" />
</template> </template>
</el-table-column> </el-table-column>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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