增加图片放大效果

This commit is contained in:
wangxiaowei 2024-07-25 17:11:58 +08:00
parent 879d6d4a7d
commit 81a913f2a3
2 changed files with 36 additions and 29 deletions

@ -171,6 +171,10 @@
}
});
$(document).on('click', 'img',function(){
like.showImg($(this).attr('src'),600);
});
// 工具条事件
table.on('tool(lists)', function(obj){
var layEvent = obj.event; //获得 lay-event 对应的值(也可以是表头的 event 参数对应的值)

@ -6,55 +6,58 @@
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-form-item">
<label class="layui-form-label">会员编号:</label>
<div class="layui-input-block">{$user.user.sn}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">会员昵称:</label>
<div class="layui-input-block">{$user.user.nickname}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">会员等级:</label>
<div class="layui-input-block">{$user.user.level.name ?: '未知'}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">手机号码:</label>
<div class="layui-input-block">{$user.user.mobile ?: '未知'}</div>
<div class="layui-input-block">{$user.mobile ?: '未知'}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">真实姓名:</label>
<div class="layui-input-block">{$user.real_name}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">联系手机:</label>
<div class="layui-input-block">{$user.mobile}</div>
</div>
{if $user.id_card}
<div class="layui-form-item">
<label class="layui-form-label">身份证号码:</label>
<div class="layui-input-block">{$user.id_card}</div>
</div>
{/if}
{if $user.front_id_card}
<div class="layui-form-item">
<label class="layui-form-label">手持身份证照片:</label>
<img src="{$user.hand_id_card}" style="width: 120px;height: 120px" alt="">
<img src="{$user.front_id_card}" style="width: 200px;height: 120px" alt="">
</div>
{/if}
{if $user.back_id_card}
<div class="layui-form-item">
<label class="layui-form-label">现住区域:</label>
<div class="layui-input-block">{$user.region}</div>
<label class="layui-form-label">手持身份证照片:</label>
<img src="{$user.back_id_card}" style="width: 200px;height: 120px" alt="">
</div>
{/if}
{if $user.hand_id_card}
<div class="layui-form-item">
<label class="layui-form-label">现住区域:</label>
<div class="layui-input-block">{$user.region}</div>
<label class="layui-form-label">手持身份证照片:</label>
<img src="{$user.hand_id_card}" style="width: 200px;height: 120px" alt="">
</div>
{/if}
<div class="layui-form-item">
<label class="layui-form-label">申请状态:</label>
<div class="layui-input-block">{$user.status_text}</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">审核说明:</label>
<div class="layui-input-block">{$user.reason}</div>
<label class="layui-form-label">现住省份:</label>
<div class="layui-input-block">{$user.province} {$user.city} {$user.district}</div>
</div>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/lib/'
}).extend({
likeedit: 'likeedit/likeedit'
}).use(['table', 'form', 'element', 'likeedit'], function() {
var form = layui.form
,$ = layui.$
, element = layui.element
, likeedit = layui.likeedit;
$(document).on('click', 'img',function(){
like.showImg($(this).attr('src'),600);
});
})
</script>