From f16f74cacb9ef0ae4be89ed15353b6a449479d8c Mon Sep 17 00:00:00 2001
From: Administrator <15274802129@163.com>
Date: Wed, 28 May 2025 13:38:09 +0800
Subject: [PATCH] feat(mall): 添加轮播图背景图片功能
---
src/main/resources/templates/febs/views/modules/system/indexPng.html | 82 ++++++++++++++++++++--------------------
1 files changed, 41 insertions(+), 41 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/system/indexPng.html b/src/main/resources/templates/febs/views/modules/system/indexPng.html
index 6e16f3d..10dc205 100644
--- a/src/main/resources/templates/febs/views/modules/system/indexPng.html
+++ b/src/main/resources/templates/febs/views/modules/system/indexPng.html
@@ -4,34 +4,34 @@
<div class="layui-card">
<div class="layui-card-body">
<blockquote class="layui-elem-quote blue-border">开屏页：</blockquote>
- <div class="layui-row layui-col-space10 layui-form-item">
- <div class="layui-col-lg6">
- <label class="layui-form-label febs-form-item-require">图片：</label>
- <div class="layui-input-block">
- <div class="layui-upload">
- <button type="button" class="layui-btn layui-btn-normal layui-btn" id="indexImgUploadButton">上传</button>
- <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
- <div class="layui-upload-list" id="indexImgUpload"></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="pngUrl" lay-verify="required" name="pngUrl" 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 febs-form-item-require">图片：</label>-->
+<!-- <div class="layui-input-block">-->
+<!-- <div class="layui-upload">-->
+<!-- <button type="button" class="layui-btn layui-btn-normal layui-btn" id="indexImgUploadButton">上传</button>-->
+<!-- <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">-->
+<!-- <div class="layui-upload-list" id="indexImgUpload"></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="pngUrl" lay-verify="required" name="pngUrl" 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">
<input type="text" name="timeStop"
autocomplete="off" class="layui-input" >
- <div class="layui-form-mid layui-word-aux">5：表示显示5秒后自动关闭。</div>
+ <div class="layui-form-mid layui-word-aux">5：表示显示5秒后自动关闭,注意：此处单张图片切换的默认时间为2秒，所以关闭时间等于开屏页图片数量*2，不宜过多。</div>
</div>
</div>
</div>
@@ -69,22 +69,22 @@
form.verify(validate);
- //图片上传
- upload.render({
- elem: '#indexImgUploadButton'
- ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
- ,accept: 'file' //普通文件
- ,size: 10240 //限制文件大小，单位 KB
- ,before: function(obj){
- //预读本地文件示例，不支持ie8
- obj.preview(function(index, file, result){
- $('#indexImgUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
- });
- }
- ,done: function(res){
- $("#pngUrl").val(res.data.src);
- }
- });
+ // //图片上传
+ // upload.render({
+ // elem: '#indexImgUploadButton'
+ // ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+ // ,accept: 'file' //普通文件
+ // ,size: 10240 //限制文件大小，单位 KB
+ // ,before: function(obj){
+ // //预读本地文件示例，不支持ie8
+ // obj.preview(function(index, file, result){
+ // $('#indexImgUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
+ // });
+ // }
+ // ,done: function(res){
+ // $("#pngUrl").val(res.data.src);
+ // }
+ // });
initIndexVideoValue();
@@ -92,12 +92,12 @@
function initIndexVideoValue() {
form.val("index-png-set-form", {
- "pngUrl": adminIndexVideoDto.pngUrl,
+ // "pngUrl": adminIndexVideoDto.pngUrl,
"timeStop": adminIndexVideoDto.timeStop,
});
- $('#indexImgUpload').append('<img src="' + adminIndexVideoDto.pngUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
- $("#pngUrl").val(adminIndexVideoDto.pngUrl);
+ // $('#indexImgUpload').append('<img src="' + adminIndexVideoDto.pngUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
+ // $("#pngUrl").val(adminIndexVideoDto.pngUrl);
}
form.on('submit(index-png-set-form-submit)', function (data) {
--
Gitblit v1.9.1