feat(templates): 新增绿色主题模版,并设置为默认模版
和文档站点 docs.xxyopen.com 风格保持一致
5015
templates/green/static/mobile/layui/css/layui.css
Normal file
2
templates/green/static/mobile/layui/css/layui.mobile.css
Normal file
2
templates/green/static/mobile/layui/css/modules/code.css
Normal file
@ -0,0 +1,2 @@
|
||||
/** layui-v2.4.5 MIT License By https://www.layui.com */
|
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
|
After Width: | Height: | Size: 5.8 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 5.7 KiB |
After Width: | Height: | Size: 701 B |
After Width: | Height: | Size: 1.7 KiB |
@ -0,0 +1,96 @@
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>聊天记录</title>
|
||||
|
||||
<link rel="stylesheet" href="http://local.res.layui.com/layui/src/css/layui.css">
|
||||
<style>
|
||||
body .layim-chat-main{height: auto;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="layim-chat-main">
|
||||
<ul id="LAY_view"></ul>
|
||||
</div>
|
||||
|
||||
<div id="LAY_page" style="margin: 0 10px;"></div>
|
||||
|
||||
|
||||
<textarea title="消息模版" id="LAY_tpl" style="display:none;">
|
||||
{{# layui.each(d.data, function(index, item){
|
||||
if(item.id == parent.layui.layim.cache().mine.id){ }}
|
||||
<li class="layim-chat-mine"><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite><i>{{ layui.data.date(item.timestamp) }}</i>{{ item.username }}</cite></div><div class="layim-chat-text">{{ layui.layim.content(item.content) }}</div></li>
|
||||
{{# } else { }}
|
||||
<li><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite>{{ item.username }}<i>{{ layui.data.date(item.timestamp) }}</i></cite></div><div class="layim-chat-text">{{ layui.layim.content(item.content) }}</div></li>
|
||||
{{# }
|
||||
}); }}
|
||||
</textarea>
|
||||
|
||||
<!--
|
||||
上述模版采用了 laytpl 语法,不了解的同学可以去看下文档:http://www.layui.com/doc/modules/laytpl.html
|
||||
|
||||
-->
|
||||
|
||||
|
||||
<script src="http://local.res.layui.com/layui/src/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['layim', 'laypage'], function(){
|
||||
var layim = layui.layim
|
||||
,layer = layui.layer
|
||||
,laytpl = layui.laytpl
|
||||
,$ = layui.jquery
|
||||
,laypage = layui.laypage;
|
||||
|
||||
//聊天记录的分页此处不做演示,你可以采用laypage,不了解的同学见文档:http://www.layui.com/doc/modules/laypage.html
|
||||
|
||||
|
||||
//开始请求聊天记录
|
||||
var param = location.search //获得URL参数。该窗口url会携带会话id和type,他们是你请求聊天记录的重要凭据
|
||||
|
||||
//实际使用时,下述的res一般是通过Ajax获得,而此处仅仅只是演示数据格式
|
||||
,res = {
|
||||
code: 0
|
||||
,msg: ''
|
||||
,data: [{
|
||||
username: '纸飞机'
|
||||
,id: 100000
|
||||
,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
|
||||
,timestamp: 1480897882000
|
||||
,content: 'face[抱抱] face[心] 你好啊小美女'
|
||||
}, {
|
||||
username: 'Z_子晴'
|
||||
,id: 108101
|
||||
,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
|
||||
,timestamp: 1480897892000
|
||||
,content: '你没发错吧?face[微笑]'
|
||||
},{
|
||||
username: 'Z_子晴'
|
||||
,id: 108101
|
||||
,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
|
||||
,timestamp: 1480897898000
|
||||
,content: '你是谁呀亲。。我爱的是贤心!我爱的是贤心!我爱的是贤心!重要的事情要说三遍~'
|
||||
},{
|
||||
username: 'Z_子晴'
|
||||
,id: 108101
|
||||
,avatar: 'http://tva3.sinaimg.cn/crop.0.0.512.512.180/8693225ajw8f2rt20ptykj20e80e8weu.jpg'
|
||||
,timestamp: 1480897908000
|
||||
,content: '注意:这些都是模拟数据,实际使用时,需将其中的模拟接口改为你的项目真实接口。\n该模版文件所在目录(相对于layui.js):\n/css/modules/layim/html/chatlog.html'
|
||||
}]
|
||||
}
|
||||
|
||||
//console.log(param)
|
||||
|
||||
var html = laytpl(LAY_tpl.value).render({
|
||||
data: res.data
|
||||
});
|
||||
$('#LAY_view').html(html);
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,38 @@
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>发现</title>
|
||||
|
||||
<link rel="stylesheet" href="http://local.res.layui.com/layui/src/css/layui.css">
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="margin: 15px;">
|
||||
<blockquote class="layui-elem-quote">此为自定义的【查找】页面,因需求不一,所以官方暂不提供该模版结构与样式,实际使用时,可移至该文件到你的项目中,对页面自行把控。
|
||||
<br>文件所在目录(相对于layui.js):/css/modules/layim/html/find.html</blockquote>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="http://local.res.layui.com/layui/src/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['layim', 'laypage'], function(){
|
||||
var layim = layui.layim
|
||||
,layer = layui.layer
|
||||
,laytpl = layui.laytpl
|
||||
,$ = layui.jquery
|
||||
,laypage = layui.laypage;
|
||||
|
||||
//一些添加好友请求之类的交互参见文档
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,87 @@
|
||||
{
|
||||
"code": 0,
|
||||
"pages": 1,
|
||||
"data": [
|
||||
{
|
||||
"id": 76,
|
||||
"content": "申请添加你为好友",
|
||||
"uid": 168,
|
||||
"from": 166488,
|
||||
"from_group": 0,
|
||||
"type": 1,
|
||||
"remark": "有问题要问",
|
||||
"href": null,
|
||||
"read": 1,
|
||||
"time": "刚刚",
|
||||
"user": {
|
||||
"id": 166488,
|
||||
"avatar": "http://q.qlogo.cn/qqapp/101235792/B704597964F9BD0DB648292D1B09F7E8/100",
|
||||
"username": "李彦宏",
|
||||
"sign": null
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 75,
|
||||
"content": "申请添加你为好友",
|
||||
"uid": 168,
|
||||
"from": 347592,
|
||||
"from_group": 0,
|
||||
"type": 1,
|
||||
"remark": "你好啊!",
|
||||
"href": null,
|
||||
"read": 1,
|
||||
"time": "刚刚",
|
||||
"user": {
|
||||
"id": 347592,
|
||||
"avatar": "http://q.qlogo.cn/qqapp/101235792/B78751375E0531675B1272AD994BA875/100",
|
||||
"username": "麻花疼",
|
||||
"sign": null
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 62,
|
||||
"content": "雷军 拒绝了你的好友申请",
|
||||
"uid": 168,
|
||||
"from": null,
|
||||
"from_group": null,
|
||||
"type": 1,
|
||||
"remark": null,
|
||||
"href": null,
|
||||
"read": 1,
|
||||
"time": "10天前",
|
||||
"user": {
|
||||
"id": null
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 60,
|
||||
"content": "马小云 已经同意你的好友申请",
|
||||
"uid": 168,
|
||||
"from": null,
|
||||
"from_group": null,
|
||||
"type": 1,
|
||||
"remark": null,
|
||||
"href": null,
|
||||
"read": 1,
|
||||
"time": "10天前",
|
||||
"user": {
|
||||
"id": null
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": 61,
|
||||
"content": "贤心 已经同意你的好友申请",
|
||||
"uid": 168,
|
||||
"from": null,
|
||||
"from_group": null,
|
||||
"type": 1,
|
||||
"remark": null,
|
||||
"href": null,
|
||||
"read": 1,
|
||||
"time": "10天前",
|
||||
"user": {
|
||||
"id": null
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
@ -0,0 +1,208 @@
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>消息盒子</title>
|
||||
|
||||
<link rel="stylesheet" href="../../../layui.css?v=1">
|
||||
<style>
|
||||
.layim-msgbox{margin: 15px;}
|
||||
.layim-msgbox li{position: relative; margin-bottom: 10px; padding: 0 130px 10px 60px; padding-bottom: 10px; line-height: 22px; border-bottom: 1px dotted #e2e2e2;}
|
||||
.layim-msgbox .layim-msgbox-tips{margin: 0; padding: 10px 0; border: none; text-align: center; color: #999;}
|
||||
.layim-msgbox .layim-msgbox-system{padding: 0 10px 10px 10px;}
|
||||
.layim-msgbox li p span{padding-left: 5px; color: #999;}
|
||||
.layim-msgbox li p em{font-style: normal; color: #FF5722;}
|
||||
|
||||
.layim-msgbox-avatar{position: absolute; left: 0; top: 0; width: 50px; height: 50px;}
|
||||
.layim-msgbox-user{padding-top: 5px;}
|
||||
.layim-msgbox-content{margin-top: 3px;}
|
||||
.layim-msgbox .layui-btn-small{padding: 0 15px; margin-left: 5px;}
|
||||
.layim-msgbox-btn{position: absolute; right: 0; top: 12px; color: #999;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<ul class="layim-msgbox" id="LAY_view"></ul>
|
||||
|
||||
<div style="margin: 0 15px;">
|
||||
<blockquote class="layui-elem-quote">注意:这些都是模拟数据,实际使用时,需将其中的模拟接口改为你的项目真实接口。
|
||||
<br>该模版文件所在目录(相对于layui.js):/css/modules/layim/html/msgbox.html</blockquote>
|
||||
</div>
|
||||
|
||||
<textarea title="消息模版" id="LAY_tpl" style="display:none;">
|
||||
{{# layui.each(d.data, function(index, item){
|
||||
if(item.from){ }}
|
||||
<li data-uid="{{ item.from }}" data-fromGroup="{{ item.from_group }}">
|
||||
<a href="/u/{{ item.from }}/" target="_blank">
|
||||
<img src="{{ item.user.avatar }}" class="layui-circle layim-msgbox-avatar">
|
||||
</a>
|
||||
<p class="layim-msgbox-user">
|
||||
<a href="/u/{{ item.from }}/" target="_blank">{{ item.user.username||'' }}</a>
|
||||
<span>{{ item.time }}</span>
|
||||
</p>
|
||||
<p class="layim-msgbox-content">
|
||||
{{ item.content }}
|
||||
<span>{{ item.remark ? '附言: '+item.remark : '' }}</span>
|
||||
</p>
|
||||
<p class="layim-msgbox-btn">
|
||||
<button class="layui-btn layui-btn-small" data-type="agree">同意</button>
|
||||
<button class="layui-btn layui-btn-small layui-btn-primary" data-type="refuse">拒绝</button>
|
||||
</p>
|
||||
</li>
|
||||
{{# } else { }}
|
||||
<li class="layim-msgbox-system">
|
||||
<p><em>系统:</em>{{ item.content }}<span>{{ item.time }}</span></p>
|
||||
</li>
|
||||
{{# }
|
||||
}); }}
|
||||
</textarea>
|
||||
|
||||
<!--
|
||||
上述模版采用了 laytpl 语法,不了解的同学可以去看下文档:http://www.layui.com/doc/modules/laytpl.html
|
||||
-->
|
||||
|
||||
|
||||
<script src="../../../../layui.js?v=1"></script>
|
||||
<script>
|
||||
layui.use(['layim', 'flow'], function(){
|
||||
var layim = layui.layim
|
||||
,layer = layui.layer
|
||||
,laytpl = layui.laytpl
|
||||
,$ = layui.jquery
|
||||
,flow = layui.flow;
|
||||
|
||||
var cache = {}; //用于临时记录请求到的数据
|
||||
|
||||
//请求消息
|
||||
var renderMsg = function(page, callback){
|
||||
|
||||
//实际部署时,请将下述 getmsg.json 改为你的接口地址
|
||||
|
||||
$.get('getmsg.json', {
|
||||
page: page || 1
|
||||
}, function(res){
|
||||
if(res.code != 0){
|
||||
return layer.msg(res.msg);
|
||||
}
|
||||
|
||||
//记录来源用户信息
|
||||
layui.each(res.data, function(index, item){
|
||||
cache[item.from] = item.user;
|
||||
});
|
||||
|
||||
callback && callback(res.data, res.pages);
|
||||
});
|
||||
};
|
||||
|
||||
//消息信息流
|
||||
flow.load({
|
||||
elem: '#LAY_view' //流加载容器
|
||||
,isAuto: false
|
||||
,end: '<li class="layim-msgbox-tips">暂无更多新消息</li>'
|
||||
,done: function(page, next){ //加载下一页
|
||||
renderMsg(page, function(data, pages){
|
||||
var html = laytpl(LAY_tpl.value).render({
|
||||
data: data
|
||||
,page: page
|
||||
});
|
||||
next(html, page < pages);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//打开页面即把消息标记为已读
|
||||
/*
|
||||
$.post('/message/read', {
|
||||
type: 1
|
||||
});
|
||||
*/
|
||||
|
||||
//操作
|
||||
var active = {
|
||||
//同意
|
||||
agree: function(othis){
|
||||
var li = othis.parents('li')
|
||||
,uid = li.data('uid')
|
||||
,from_group = li.data('fromGroup')
|
||||
,user = cache[uid];
|
||||
|
||||
//选择分组
|
||||
parent.layui.layim.setFriendGroup({
|
||||
type: 'friend'
|
||||
,username: user.username
|
||||
,avatar: user.avatar
|
||||
,group: parent.layui.layim.cache().friend //获取好友分组数据
|
||||
,submit: function(group, index){
|
||||
|
||||
//将好友追加到主面板
|
||||
parent.layui.layim.addList({
|
||||
type: 'friend'
|
||||
,avatar: user.avatar //好友头像
|
||||
,username: user.username //好友昵称
|
||||
,groupid: group //所在的分组id
|
||||
,id: uid //好友ID
|
||||
,sign: user.sign //好友签名
|
||||
});
|
||||
parent.layer.close(index);
|
||||
othis.parent().html('已同意');
|
||||
|
||||
|
||||
//实际部署时,请开启下述注释,并改成你的接口地址
|
||||
/*
|
||||
$.post('/im/agreeFriend', {
|
||||
uid: uid //对方用户ID
|
||||
,from_group: from_group //对方设定的好友分组
|
||||
,group: group //我设定的好友分组
|
||||
}, function(res){
|
||||
if(res.code != 0){
|
||||
return layer.msg(res.msg);
|
||||
}
|
||||
|
||||
//将好友追加到主面板
|
||||
parent.layui.layim.addList({
|
||||
type: 'friend'
|
||||
,avatar: user.avatar //好友头像
|
||||
,username: user.username //好友昵称
|
||||
,groupid: group //所在的分组id
|
||||
,id: uid //好友ID
|
||||
,sign: user.sign //好友签名
|
||||
});
|
||||
parent.layer.close(index);
|
||||
othis.parent().html('已同意');
|
||||
});
|
||||
*/
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//拒绝
|
||||
,refuse: function(othis){
|
||||
var li = othis.parents('li')
|
||||
,uid = li.data('uid');
|
||||
|
||||
layer.confirm('确定拒绝吗?', function(index){
|
||||
$.post('/im/refuseFriend', {
|
||||
uid: uid //对方用户ID
|
||||
}, function(res){
|
||||
if(res.code != 0){
|
||||
return layer.msg(res.msg);
|
||||
}
|
||||
layer.close(index);
|
||||
othis.parent().html('<em>已拒绝</em>');
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
$('body').on('click', '.layui-btn', function(){
|
||||
var othis = $(this), type = othis.data('type');
|
||||
active[type] ? active[type].call(this, othis) : '';
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
BIN
templates/green/static/mobile/layui/css/modules/layim/skin/1.jpg
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
templates/green/static/mobile/layui/css/modules/layim/skin/2.jpg
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
templates/green/static/mobile/layui/css/modules/layim/skin/3.jpg
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
templates/green/static/mobile/layui/css/modules/layim/skin/4.jpg
Normal file
After Width: | Height: | Size: 38 KiB |
BIN
templates/green/static/mobile/layui/css/modules/layim/skin/5.jpg
Normal file
After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 3.2 KiB |
BIN
templates/green/static/mobile/layui/font/iconfont.eot
Normal file
473
templates/green/static/mobile/layui/font/iconfont.svg
Normal file
After Width: | Height: | Size: 274 KiB |
BIN
templates/green/static/mobile/layui/font/iconfont.ttf
Normal file
BIN
templates/green/static/mobile/layui/font/iconfont.woff
Normal file
BIN
templates/green/static/mobile/layui/images/face/0.gif
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/1.gif
Normal file
After Width: | Height: | Size: 5.4 KiB |
BIN
templates/green/static/mobile/layui/images/face/10.gif
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
templates/green/static/mobile/layui/images/face/11.gif
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/12.gif
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/13.gif
Normal file
After Width: | Height: | Size: 7.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/14.gif
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/15.gif
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
templates/green/static/mobile/layui/images/face/16.gif
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/17.gif
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/18.gif
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
templates/green/static/mobile/layui/images/face/19.gif
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/2.gif
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
templates/green/static/mobile/layui/images/face/20.gif
Normal file
After Width: | Height: | Size: 5.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/21.gif
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
templates/green/static/mobile/layui/images/face/22.gif
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/23.gif
Normal file
After Width: | Height: | Size: 3.7 KiB |
BIN
templates/green/static/mobile/layui/images/face/24.gif
Normal file
After Width: | Height: | Size: 7.9 KiB |
BIN
templates/green/static/mobile/layui/images/face/25.gif
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
templates/green/static/mobile/layui/images/face/26.gif
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
templates/green/static/mobile/layui/images/face/27.gif
Normal file
After Width: | Height: | Size: 4.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/28.gif
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
templates/green/static/mobile/layui/images/face/29.gif
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
templates/green/static/mobile/layui/images/face/3.gif
Normal file
After Width: | Height: | Size: 3.9 KiB |
BIN
templates/green/static/mobile/layui/images/face/30.gif
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
templates/green/static/mobile/layui/images/face/31.gif
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/32.gif
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
templates/green/static/mobile/layui/images/face/33.gif
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
templates/green/static/mobile/layui/images/face/34.gif
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/35.gif
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
templates/green/static/mobile/layui/images/face/36.gif
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/37.gif
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
templates/green/static/mobile/layui/images/face/38.gif
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
templates/green/static/mobile/layui/images/face/39.gif
Normal file
After Width: | Height: | Size: 6.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/4.gif
Normal file
After Width: | Height: | Size: 5.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/40.gif
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
templates/green/static/mobile/layui/images/face/41.gif
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/42.gif
Normal file
After Width: | Height: | Size: 5.2 KiB |
BIN
templates/green/static/mobile/layui/images/face/43.gif
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/44.gif
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/45.gif
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/46.gif
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
templates/green/static/mobile/layui/images/face/47.gif
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/48.gif
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/49.gif
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/5.gif
Normal file
After Width: | Height: | Size: 4.5 KiB |
BIN
templates/green/static/mobile/layui/images/face/50.gif
Normal file
After Width: | Height: | Size: 5.7 KiB |
BIN
templates/green/static/mobile/layui/images/face/51.gif
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
templates/green/static/mobile/layui/images/face/52.gif
Normal file
After Width: | Height: | Size: 777 B |
BIN
templates/green/static/mobile/layui/images/face/53.gif
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
templates/green/static/mobile/layui/images/face/54.gif
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
templates/green/static/mobile/layui/images/face/55.gif
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
templates/green/static/mobile/layui/images/face/56.gif
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/57.gif
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/58.gif
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
templates/green/static/mobile/layui/images/face/59.gif
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
templates/green/static/mobile/layui/images/face/6.gif
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
templates/green/static/mobile/layui/images/face/60.gif
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
templates/green/static/mobile/layui/images/face/61.gif
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
templates/green/static/mobile/layui/images/face/62.gif
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/63.gif
Normal file
After Width: | Height: | Size: 5.7 KiB |
BIN
templates/green/static/mobile/layui/images/face/64.gif
Normal file
After Width: | Height: | Size: 6.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/65.gif
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
templates/green/static/mobile/layui/images/face/66.gif
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/67.gif
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
templates/green/static/mobile/layui/images/face/68.gif
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
templates/green/static/mobile/layui/images/face/69.gif
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
templates/green/static/mobile/layui/images/face/7.gif
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
templates/green/static/mobile/layui/images/face/70.gif
Normal file
After Width: | Height: | Size: 4.5 KiB |
BIN
templates/green/static/mobile/layui/images/face/71.gif
Normal file
After Width: | Height: | Size: 5.2 KiB |
BIN
templates/green/static/mobile/layui/images/face/8.gif
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
templates/green/static/mobile/layui/images/face/9.gif
Normal file
After Width: | Height: | Size: 4.1 KiB |
@ -0,0 +1,2 @@
|
||||
/** layui-v2.4.5 MIT License By https://www.layui.com */
|
||||
;layui.define("jquery",function(e){"use strict";var i=layui.$,n=(layui.hint(),layui.device(),{config:{},set:function(e){var n=this;return n.config=i.extend({},n.config,e),n},on:function(e,i){return layui.onevent.call(this,t,e,i)}}),t="carousel",a="layui-this",l=">*[carousel-item]>*",o="layui-carousel-left",r="layui-carousel-right",d="layui-carousel-prev",s="layui-carousel-next",u="layui-carousel-arrow",c="layui-carousel-ind",m=function(e){var t=this;t.config=i.extend({},t.config,n.config,e),t.render()};m.prototype.config={width:"600px",height:"280px",full:!1,arrow:"hover",indicator:"inside",autoplay:!0,interval:3e3,anim:"",trigger:"click",index:0},m.prototype.render=function(){var e=this,n=e.config;n.elem=i(n.elem),n.elem[0]&&(e.elemItem=n.elem.find(l),n.index<0&&(n.index=0),n.index>=e.elemItem.length&&(n.index=e.elemItem.length-1),n.interval<800&&(n.interval=800),n.full?n.elem.css({position:"fixed",width:"100%",height:"100%",zIndex:9999}):n.elem.css({width:n.width,height:n.height}),n.elem.attr("lay-anim",n.anim),e.elemItem.eq(n.index).addClass(a),e.elemItem.length<=1||(e.indicator(),e.arrow(),e.autoplay(),e.events()))},m.prototype.reload=function(e){var n=this;clearInterval(n.timer),n.config=i.extend({},n.config,e),n.render()},m.prototype.prevIndex=function(){var e=this,i=e.config,n=i.index-1;return n<0&&(n=e.elemItem.length-1),n},m.prototype.nextIndex=function(){var e=this,i=e.config,n=i.index+1;return n>=e.elemItem.length&&(n=0),n},m.prototype.addIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index+e,n.index>=i.elemItem.length&&(n.index=0)},m.prototype.subIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index-e,n.index<0&&(n.index=i.elemItem.length-1)},m.prototype.autoplay=function(){var e=this,i=e.config;i.autoplay&&(e.timer=setInterval(function(){e.slide()},i.interval))},m.prototype.arrow=function(){var e=this,n=e.config,t=i(['<button class="layui-icon '+u+'" lay-type="sub">'+("updown"===n.anim?"":"")+"</button>",'<button class="layui-icon '+u+'" lay-type="add">'+("updown"===n.anim?"":"")+"</button>"].join(""));n.elem.attr("lay-arrow",n.arrow),n.elem.find("."+u)[0]&&n.elem.find("."+u).remove(),n.elem.append(t),t.on("click",function(){var n=i(this),t=n.attr("lay-type");e.slide(t)})},m.prototype.indicator=function(){var e=this,n=e.config,t=e.elemInd=i(['<div class="'+c+'"><ul>',function(){var i=[];return layui.each(e.elemItem,function(e){i.push("<li"+(n.index===e?' class="layui-this"':"")+"></li>")}),i.join("")}(),"</ul></div>"].join(""));n.elem.attr("lay-indicator",n.indicator),n.elem.find("."+c)[0]&&n.elem.find("."+c).remove(),n.elem.append(t),"updown"===n.anim&&t.css("margin-top",-(t.height()/2)),t.find("li").on("hover"===n.trigger?"mouseover":n.trigger,function(){var t=i(this),a=t.index();a>n.index?e.slide("add",a-n.index):a<n.index&&e.slide("sub",n.index-a)})},m.prototype.slide=function(e,i){var n=this,l=n.elemItem,u=n.config,c=u.index,m=u.elem.attr("lay-filter");n.haveSlide||("sub"===e?(n.subIndex(i),l.eq(u.index).addClass(d),setTimeout(function(){l.eq(c).addClass(r),l.eq(u.index).addClass(r)},50)):(n.addIndex(i),l.eq(u.index).addClass(s),setTimeout(function(){l.eq(c).addClass(o),l.eq(u.index).addClass(o)},50)),setTimeout(function(){l.removeClass(a+" "+d+" "+s+" "+o+" "+r),l.eq(u.index).addClass(a),n.haveSlide=!1},300),n.elemInd.find("li").eq(u.index).addClass(a).siblings().removeClass(a),n.haveSlide=!0,layui.event.call(this,t,"change("+m+")",{index:u.index,prevIndex:c,item:l.eq(u.index)}))},m.prototype.events=function(){var e=this,i=e.config;i.elem.data("haveEvents")||(i.elem.on("mouseenter",function(){clearInterval(e.timer)}).on("mouseleave",function(){e.autoplay()}),i.elem.data("haveEvents",!0))},n.render=function(e){var i=new m(e);return i},e(t,n)});
|