|
@@ -0,0 +1,82 @@
|
|
|
+
|
|
|
+<style>
|
|
|
+ #component-anim .layui-card-body{padding: 15px;}
|
|
|
+
|
|
|
+ #component-anim .component-anim-demo{font-size: 0;}
|
|
|
+ #component-anim .component-anim-demo li{display: inline-block; vertical-align: middle; width: 127px; line-height: 25px; padding: 20px 0; font-size: 14px; text-align: center; color: #666; transition: all .3s; -webkit-transition: all .3s;}
|
|
|
+ #component-anim .component-anim-demo li .layui-icon{display: inline-block; font-size: 36px;}
|
|
|
+
|
|
|
+ #component-anim .component-anim-demo li .fontclass{display: none;}
|
|
|
+ #component-anim .component-anim-demo li .name{color: #c2c2c2;}
|
|
|
+ #component-anim .component-anim-demo li:hover{background-color: #f2f2f2; color: #000;}
|
|
|
+
|
|
|
+ #component-anim .component-anim-demo li{width: 168px;}
|
|
|
+ #component-anim .component-anim-demo .layui-anim{cursor: pointer;}
|
|
|
+ #component-anim .component-anim-demo .layui-anim{width:150px;height:100px;}
|
|
|
+ #component-anim .component-anim-demo .code{height:25px;}
|
|
|
+
|
|
|
+ #component-anim .component-anim-demo .layui-anim-yes
|
|
|
+ {
|
|
|
+ border:1px solid #0000ff;
|
|
|
+ }
|
|
|
+ #component-anim .component-anim-demo .layui-anim-no
|
|
|
+ {
|
|
|
+ border: 1px solid #e2e2e2;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
+<div class="layui-card" id="component-anim">
|
|
|
+ <div class="layui-card-header">
|
|
|
+ <input type="hidden" class="file_key" value="<{$config.id}>">
|
|
|
+ <input type="hidden" class="file_pg" value="<{$search_pg}>">
|
|
|
+ <input type="hidden" class="file_cur" value="<{$cur}>">
|
|
|
+ <div class="layui-inline"><div class="layui-input-inline"><input type="text" style="width: 100%;" class="layui-input file_filename" value="<{$search_name}>" autocomplete="new-password" placeholder="文件名"></div></div>
|
|
|
+
|
|
|
+ <div class="layui-inline" style="display: none;"><div class="layui-input-inline"><input type="text" style="width: 100%;" class="layui-input file_tag" value="<{$search_tag}>" autocomplete="new-password" placeholder="标签"></div></div>
|
|
|
+
|
|
|
+ <div class="layui-inline"><div class="layui-input-inline"><select lay-ignore="" class="layui-input file_cate" style="width: 100%;"><option parent="" value="-1" selected="">选择分类</option>
|
|
|
+ <{loop($cate):}>
|
|
|
+ <option parent="" value="<{$v.id}>" <{if($v.id == $search_cate):}>selected<{endif}>><{$v.name}></option>
|
|
|
+ <{endloop}>
|
|
|
+ </select></div></div>
|
|
|
+
|
|
|
+ <div class="layui-inline" class="file-search" onclick="showUploadFilesSearch($(this))"><div class="layui-input-inline"><button type="button" class="layui-btn"><i class="fa fa-save"></i> 搜索</button></div></div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="layui-card-body">
|
|
|
+
|
|
|
+ <ul class="component-anim-demo">
|
|
|
+ <{loop($file):}>
|
|
|
+ <li class="<{if(strstr($cur, $v1.url)):}>layui-anim-yes<{else:}>layui-anim-no<{endif}>">
|
|
|
+ <div class="layui-anim" data-anim="layui-anim-up" onclick="showUploadFilesSet($(this), '<{$v1.name}>','<{$v1.url}>')"><img src="<{$v1.pic}>" style="max-width: 150px;max-height: 100px;margin-left: 10px;"/></div>
|
|
|
+ <div class="code"><{$v1.source_name}></div>
|
|
|
+ </li>
|
|
|
+ <{endloop}>
|
|
|
+ </ul>
|
|
|
+ <div id="file-page"></div>
|
|
|
+</div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+<script>
|
|
|
+layui.use('laypage', function(){
|
|
|
+ var laypage = layui.laypage;
|
|
|
+
|
|
|
+ //执行一个laypage实例
|
|
|
+ laypage.render({
|
|
|
+ elem: 'file-page' //注意,这里的 test1 是 ID,不用加 # 号
|
|
|
+ ,count: <{$total}> //数据总数,从服务端得到
|
|
|
+ ,limit:12
|
|
|
+ ,curr:<{$search_pg}>
|
|
|
+ ,jump: function(obj, first){
|
|
|
+ //首次不执行
|
|
|
+ if(!first){
|
|
|
+ $('.file_pg').val(obj.curr);
|
|
|
+ showUploadFilesSearch($('.file_pg'));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+});
|
|
|
+</script>
|
|
|
+
|
|
|
+</div>
|