<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<title>查看图片</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
|
</head>
|
|
<body>
|
<input type="hidden" id="CrNo" name="CrNo">
|
<input type="hidden" id="PalletNo" name="PalletNo">
|
<div class="layui-bg-gray" style="padding: 16px;" id="imgDragmove">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md2">
|
<div class="layui-card">
|
<div class="layui-card-header">0100101箱</div>
|
<div class="layui-card-body">
|
<img src="images/1920x1080.jpg" height="200" width="100%" alt="0100101箱">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2">
|
<div class="layui-card">
|
<div class="layui-card-header">0100102箱</div>
|
<div class="layui-card-body">
|
<img src="images/1920x400.jpg" height="200" width="100%" alt="0100102箱">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2">
|
<div class="layui-card">
|
<div class="layui-card-header">0100103箱</div>
|
<div class="layui-card-body">
|
<img src="images/400x400.jpg" height="200" width="100%" alt="0100103箱">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2">
|
<div class="layui-card">
|
<div class="layui-card-header">0100104箱</div>
|
<div class="layui-card-body">
|
<img src="images/400x400.jpg" height="200" width="100%" alt="0100104箱">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2">
|
<div class="layui-card">
|
<div class="layui-card-header">0100105箱</div>
|
<div class="layui-card-body">
|
<img src="images/400x400.jpg" height="200" width="100%" alt="0100105箱">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2">
|
<div class="layui-card">
|
<div class="layui-card-header">0100106箱</div>
|
<div class="layui-card-body">
|
<img src="images/400x400.jpg" height="200" width="100%" alt="0100106箱">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2">
|
<div class="layui-card">
|
<div class="layui-card-header">0100107箱</div>
|
<div class="layui-card-body">
|
<img src="images/400x400.jpg" height="200" width="100%" alt="0100107箱">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
<script src="../../js/jquery-3.5.1.min.js"></script>
|
<script src="../../js/jquery.cookie.js"></script>
|
<script src="../../js/public.js"></script>
|
<script>
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index', //主入口模块
|
dragMove: 'dragMove/dragMove'
|
}).use(['dragMove'], function () {
|
var $ = layui.$;
|
var dragMove = layui.dragMove;
|
//执行示例
|
dragMove.render({
|
elem: "#imgDragmove", //指向图片的父容器
|
layerArea: ["960px", "720px"], //弹窗的宽高，同layer的area，默认["960px","720px"]
|
layerShade: 0.6, //遮罩的透明度，同layer的shade，默认0.6
|
layerMove: false, //触发拖动的元素，同layer的move，这里默认禁止，可设置为'.layui-layer-title'
|
maxZoom: 1 //图片能放大的最大倍数，默认1倍
|
});
|
})
|
</script>
|
</body>
|
|
</html>
|
