有些东西看文档可以实现,但当真不如自己写的实在。所以还是记录下来吧。
1. 图片赋值
<div id="layer-photos-demo" class="layer-photos-demo" style="padding: 10px;"> @if(empty($classroomSnapShots)) 无数据 @else @foreach($classroomSnapShots as $pictureUrl) <img layer-src={{$pictureUrl}} src={{$pictureUrl}} width="400px" height="224px" style="margin: 3px; border: black 2px" ;/> @endforeach @endif </div>
2. 调用layui.photos
<script> var $; var layer; layui.use(['element', 'jquery', 'form', 'layer'], function() { $ = layui.jquery; layer = layui.layer; layer.photos({ photos: '#layer-photos-demo' , anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数) }); }); </script>