133 lines
5.7 KiB
HTML
133 lines
5.7 KiB
HTML
{layout name="layout2" /}
|
|
<link rel="stylesheet" href="/static/admin/css/goods.css" media="all">
|
|
<div class="">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body" pad15>
|
|
<div class="layui-form" lay-filter="">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">标题：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{$moment.title|default='--'}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">绑定员工：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{$staff.name|default='--'}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">绑定商品：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{$goods.name|default='--'}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">显示状态：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{if $moment.state == 1}
|
|
<span class="layui-badge layui-bg-green">显示</span>
|
|
{else /}
|
|
<span class="layui-badge layui-bg-gray">不显示</span>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">图片：</label>
|
|
<div class="layui-input-block">
|
|
{notempty name='images'}
|
|
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
|
|
{foreach $images as $img}
|
|
<div style="position: relative; width: 120px; height: 120px; border: 1px solid #e6e6e6; cursor: pointer;" class="image-item">
|
|
<img src="{$img}" alt="图片" style="width: 100%; height: 100%; object-fit: cover;">
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
{else /}
|
|
<span style="color: #999;">无图片</span>
|
|
{/notempty}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">内容详情：</label>
|
|
<div class="layui-input-block">
|
|
<div style="border: 1px solid #e6e6e6; padding: 15px; min-height: 200px; background: #fafafa;">
|
|
{$moment.content|raw|default='--'}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">收藏数量：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{$moment.collection|default=0}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">点赞数量：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{$moment.like|default=0}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">浏览量：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{$moment.page_views|default=0}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">创建时间：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input" style="border: none; background: #f5f5f5;">
|
|
{$moment.create_time|default='--'}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['layer'], function(){
|
|
var layer = layui.layer;
|
|
|
|
// 点击图片放大查看
|
|
$('.image-item').on('click', function(){
|
|
var src = $(this).find('img').attr('src');
|
|
layer.open({
|
|
type: 1,
|
|
title: false,
|
|
closeBtn: 0,
|
|
area: 'auto',
|
|
skin: 'layui-layer-nobg',
|
|
shadeClose: true,
|
|
content: '<img src="' + src + '" style="max-width: 90vw; max-height: 90vh;">'
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|