更新资源模块

This commit is contained in:
云泽网
2025-07-03 19:31:52 +08:00
parent c5e5cace18
commit 7f7ff6be06
4 changed files with 322 additions and 79 deletions
+39 -45
View File
@@ -107,48 +107,6 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图片上传</label>
<div class="layui-input-block">
<div class="image-upload-container">
<button type="button" class="btn btn-primary" id="imageUpload">
<i class="fas fa-upload"></i> 多图片上传
</button>
<div class="image-preview-container" id="imagePreview">
{if condition="isset($resource.images) && !empty($resource.images)"}
{if condition="strpos($resource.images, ',') !== false"}
{volist name="resource.images|explode=',',true" id="image"}
<div class="image-preview-item" data-src="{$image}">
<img src="{$image}" alt="已上传图片">
<div class="image-preview-overlay">
<button type="button" class="delete-image">
<i class="fas fa-trash"></i>
</button>
</div>
<p class="image-filename">{$image|basename}</p>
</div>
{/volist}
{else}
<div class="image-preview-item" data-src="{$resource.images}">
<img src="{$resource.images}" alt="已上传图片">
<div class="image-preview-overlay">
<button type="button" class="delete-image">
<i class="fas fa-trash"></i>
</button>
</div>
<p class="image-filename">{$resource.images|basename}</p>
</div>
{/if}
{/if}
</div>
<div class="upload-progress" id="imageProgress" style="display: none;">
<div class="progress-bar" role="progressbar" style="width: 0%"></div>
</div>
<input type="hidden" name="images" id="images" value="{$resource.images|default=''}">
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">分享码</label>
<div class="layui-input-block">
@@ -173,6 +131,42 @@
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">图片上传</label>
<div class="layui-input-block">
<div class="image-upload-container">
<button type="button" class="btn btn-primary" id="imageUpload">
<i class="fas fa-upload"></i> 多图片上传
</button>
<div class="image-preview-container" id="imagePreview">
{if condition="isset($resource.images) && !empty($resource.images)"}
{php}
$images = is_array($resource['images']) ? $resource['images'] : explode(',', $resource['images']);
if(empty($images[0])) {
$images = [$resource['images']];
}
{/php}
{volist name="images" id="image"}
<div class="image-preview-item" data-src="{$image}">
<img src="{$image}" alt="已上传图片">
<div class="image-preview-overlay">
<button type="button" class="delete-image">
<i class="layui-icon layui-icon-delete"></i>
</button>
</div>
<p class="image-filename">{$image|basename}</p>
</div>
{/volist}
{/if}
</div>
<div class="upload-progress" id="imageProgress" style="display: none;">
<div class="progress-bar" role="progressbar" style="width: 0%"></div>
</div>
<input type="hidden" name="images" id="images" value="{$resource.images|default=''}">
</div>
</div>
</div>
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">内容</label>
<div class="layui-input-block">
@@ -777,8 +771,8 @@
}
.delete-image {
background: #dc3545;
color: white;
/* background: #dc3545; */
/* color: white; */
border: none;
border-radius: 4px;
padding: 8px 12px;
@@ -792,7 +786,7 @@
}
.delete-image i {
font-size: 14px;
font-size: 40px;
margin-right: 4px;
/* 添加图标右边距 */
}