From 7804a7fa8eff2d3086eb32bb7a2fadb9fdcb36ab Mon Sep 17 00:00:00 2001
From: Administrator <15274802129@163.com>
Date: Tue, 19 Aug 2025 11:19:25 +0800
Subject: [PATCH] feat(mall): 双击删除图片功能
---
src/main/resources/templates/febs/views/modules/banner/platformBannerAdd.html | 69 ++++++++++++++++++++++++----------
1 files changed, 48 insertions(+), 21 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/banner/platformBannerAdd.html b/src/main/resources/templates/febs/views/modules/banner/platformBannerAdd.html
index a78bb2a..074b274 100644
--- a/src/main/resources/templates/febs/views/modules/banner/platformBannerAdd.html
+++ b/src/main/resources/templates/febs/views/modules/banner/platformBannerAdd.html
@@ -47,6 +47,7 @@
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
<div class="layui-upload-list" id="bannerImgUpload"></div>
</blockquote>
+ <div class="layui-word-aux">双击图片删除</div>
</div>
</div>
</div>
@@ -60,27 +61,28 @@
</div>
</div>
- <div class="layui-row layui-col-space10 layui-form-item">
- <div class="layui-col-lg6">
- <label class="layui-form-label">背景图片：</label>
- <div class="layui-input-block">
- <div class="layui-upload">
- <button type="button" class="layui-btn layui-btn-normal layui-btn" id="bannerImgUploadButtonBack">上传</button>
- <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
- <div class="layui-upload-list" id="bannerImgUploadBack"></div>
- </blockquote>
- </div>
- </div>
- </div>
- </div>
- <div class="layui-row layui-col-space10 layui-form-item febs-hide">
- <div class="layui-col-lg6">
- <label class="layui-form-label">背景图片链接：</label>
- <div class="layui-input-block">
- <input type="text" id="imageBackUrl" name="imageBackUrl" autocomplete="off" class="layui-input" readonly>
- </div>
- </div>
- </div>
+<!-- <div class="layui-row layui-col-space10 layui-form-item">-->
+<!-- <div class="layui-col-lg6">-->
+<!-- <label class="layui-form-label">背景图片：</label>-->
+<!-- <div class="layui-input-block">-->
+<!-- <div class="layui-upload">-->
+<!-- <button type="button" class="layui-btn layui-btn-normal layui-btn" id="bannerImgUploadButtonBack">上传</button>-->
+<!-- <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">-->
+<!-- <div class="layui-upload-list" id="bannerImgUploadBack"></div>-->
+<!-- </blockquote>-->
+<!-- <div class="layui-word-aux">双击图片删除</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-row layui-col-space10 layui-form-item febs-hide">-->
+<!-- <div class="layui-col-lg6">-->
+<!-- <label class="layui-form-label">背景图片链接：</label>-->
+<!-- <div class="layui-input-block">-->
+<!-- <input type="text" id="imageBackUrl" name="imageBackUrl" autocomplete="off" class="layui-input" readonly>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
<div class="layui-row layui-col-space10 layui-form-item">
<div class="layui-col-lg6">
@@ -191,6 +193,9 @@
}
,done: function(res){
$("#imageUrl").val(res.data.src);
+
+ imgUnBind(".single-image");
+ imgSingleBind("#imageUrl");
}
});
@@ -208,8 +213,30 @@
}
,done: function(res){
$("#imageBackUrl").val(res.data.src);
+
+ imgUnBind(".single-image");
+ imgSingleBind("#imageBackUrl");
}
});
+
+ function imgSingleBind(idName) {
+ $(".single-image").each(function(index, element) {
+ $(this).on("dblclick", function() {
+ var imgThumb = $(".single-image")[index];
+ $(imgThumb).remove();
+ $(idName).val("");
+
+ imgUnBind(".single-image");
+ imgSingleBind();
+ });
+ })
+ }
+ function imgUnBind(className) {
+ $(className).each(function() {
+ $(this).unbind('dblclick');
+ })
+ }
+
formSelects.render();
form.on('submit(banner-add-form-submit)', function (data) {
febs.post(ctx + 'admin/banner/platformBannerAdds', data.field, function () {
--
Gitblit v1.9.1