layui layim mobile手机端wap及时聊天UI界面代码
代码语言:html
所属分类:布局界面
代码描述:layui layim mobile手机端wap及时聊天UI界面代码,可以单聊、群聊、新消息声音提醒,支持发送表情、文件、图片功能。
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <meta name="format-detection" content="telephone=no"> <title>WAP 版演示</title> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/layui/css/layui.css"> </head> <body> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/layui/layui.all.js"></script> <script> layui.config({ base: '//repo.bfw.wiki/bfwrepo/js/layui/layim/' ,layimAssetsPath: '//repo.bfw.wiki/bfwrepo/js/layui/layim/' //layim 资源文件所在目录 ,version: true }).extend({ 'layer-mobile': 'layer-mobile' ,'zepto': 'zepto' ,'upload-mobile': 'upload-mobile' ,'layim-mobile': 'layim-mobile' }).use('layim-mobile', function(){ var layim = layui['layim-mobile'] //WebIM ,layer = layui['layer-mobile']; //弹层 //提示层 layer.msg = function(content){ return layer.open({ content: content ,skin: 'msg' ,time: 2 //2秒后自动关闭 }); }; //演示自动回复 var autoReplay = [ '您好,我现在有事不在,一会再和您联系。', '你没发错吧?face[微笑] ', '这是一段演示消息 face[哈哈] ', '演示消息 face[心] face[心] face[心] ', 'face[威武] face[威武] face[威武] face[威武] ', '<(@ ̄︶ ̄@)>', '你要和我说话?你真的要和我说话?你确定自己想说吗?你一定非说不可吗?那你说吧,这是自动回复。', 'face[黑线] 你慢慢说,别急……', '(*^__^*) face[嘻嘻]' ]; layim.config({ //上传图片接口 uploadImage: { url: '/upload/image' //(返回的数据格式见下文) ,type: '' //默认post } //上传文件接口 ,uploadFile: { url: '/upload/file' //(返回的数据格式见下文) ,type: '' //默认post } //,brief: true ,i.........完整代码请登录后点击上方下载按钮下载查看
网友评论0