|
|
[其他]
我的html页面为什么不显示，文件都正常加载了api不执行
[复制链接]
<!DOCTYPE html><html lang="[url=]en[/url]"><head> <meta charset="[url=]UTF-8[/url]"> <meta name="[url=]viewport[/url]" content="[url=]width=device-width, initial-scale=1.0[/url]"> <meta http-equiv="[url=]X-UA-Compatible[/url]" content="[url=]ie=edge[/url]"> <meta name="[url=]format-detection[/url]" content="[url=]telephone=no,email=no,date=no,address=no[/url]"> <title>Document</title> <link rel="[url=]stylesheet[/url]" href="[url=view-source:http://ailiao.test/css/api.css]../../css/api.css[/url]"> <link rel="[url=]stylesheet[/url]" href="[url=view-source:http://ailiao.test/css/aui_font.css]../../css/aui_font.css[/url]"> <link rel="[url=]stylesheet[/url]" href="[url=view-source:http://ailiao.test/css/news.css]../../css/news.css[/url]"> <link rel="[url=]stylesheet[/url]" href="[url=view-source:http://ailiao.test/css/frame2.css]../../css/frame2.css[/url]"> <link rel="[url=]stylesheet[/url]" href="[url=view-source:http://ailiao.test/css/swiper.css]../../css/swiper.css[/url]"> <style> .msglist-wrap .u-wrap .list { border-bottom: 1px solid #fafafa; padding: 10px 0; margin: 0 10px; } .msglist-wrap .u-wrap .tx { overflow: visible; } .msglist-wrap .u-wrap .tx img { border-radius: 50%; width: 50px; height: 50px; } .msglist-wrap .u-wrap .list .name { font-size: 14px; } .msglist-wrap .u-wrap .msg { color: #999999; } .msglist-wrap .u-wrap .time { color: #B3B3B3; font-size: 10px; } /* 消息提醒数 */ .msglist-wrap .u-wrap .list .yuan { position: absolute; right: -8px; top: -4px; } /* 官方 */ .sys-tag { background: #7ED0AE; color: #fff; border-radius: 15px; font-size: 10px; padding: 0 5px; } .msglist-wrap .u-wrap .tx img.jiazu-tag { width: 60px; position: absolute; height: auto; bottom: 0; } /* 轮播 */ .swiper-container { margin: 7px 14px; } .swiper-container img { width: 100%; border-radius: 7px; height: 30vw; } /* 置顶 */ .msglist-wrap .u-wrap .top, .msglist-wrap .u-wrap .top .list { background: #f3f3f3; } .msglist-wrap .list-wrap { width: 100vw; overflow: hidden; box-sizing: border-box; } .msglist-wrap .u-wrap .list { width: 100vw; box-sizing: border-box; -webkit-transform: translateX(0px); transition: -webkit-transform 500ms ease-in-out; } .msglist-wrap .u-wrap .slid-left .list { -webkit-transform: translateX(-100px); } .slid-left .top-btn { -webkit-transform: translateX(calc(100vw - 100px)); } .slid-left .del-btn { -webkit-transform: translateX(calc(100vw - 100px)); } .msg-btn { position: absolute; color: #fff; text-align: center; -webkit-transform: translateX(100vw); height: 100%; display: flex; align-items: center; justify-content: center; transition: -webkit-transform 500ms ease-in-out; } .del-btn { width: 100px; background: red; } .hidden{ display:none; } </style></head><body> <div class="[url=]msglist-wrap[/url]" id="[url=]view[/url]" v-cloak> <div class="[url=]swiper-container[/url]" v-if="[url=]lbList.length>0 && !ios[/url]"> <div class="[url=]swiper-wrapper[/url]"> <div class="[url=]swiper-slide[/url]" v-for="[url=](m, index) in lbList[/url]"><img :src="[url=]returnImg(m.img)[/url]" onerror="[url=]this.src='../../image/error-img.png'[/url]" alt="" @click="[url=]openSlid(index)[/url]"></div> </div> </div> <ul class="[url=]u-wrap[/url]"> <!--消息家族群聊隐藏--> <li class="[url=]list-wrap hidden[/url]" style="[url=]display: none;[/url]" v-for="[url=](m, index) in ffList2[/url]" v-if="[url=]m.id==2 || m.id==3[/url]" @click="[url=]openChat(m)[/url]"> <div class="[url=]list[/url]"> <div class="[url=]tx img-h[/url]"> <img :src="[url=]returnImg(m.pic)[/url]" onerror="[url=]this.src='../../image/touxiang.png'[/url]" alt=""> </div> <div class="[url=]content[/url]"> <div class="[url=]flex-bt[/url]"> <div class="[url=]name-wrap[/url]" style="[url=]position: relative;[/url]"> <span class="[url=]name[/url]">{{m.name}}</span> </div> </div> <div class="[url=]flex-bt new-margin-t-10[/url]"> <p class="[url=]msg aui-ellipsis-1[/url]">{{m.content}}</p> </div> </div> </div> </li> <!--去掉官方客服v-if="m.kefu != 1"--> <template v-for="[url=](m, index) in ffList[/url]" v-if="[url=]m.kefu != 1[/url]"> <li class="[url=]list-wrap[/url]" :class="[url=]{'top':m.top==1,'slid-left':m.s == 1}[/url]" :id="[url=]m.userid[/url]" :key="[url=]index[/url]"> <div class="[url=]list[/url]" @click="[url=]goTalk(index)[/url]" @touchstart="[url=]touchstartF($event, index);[/url]" @touchmove="[url=]touchmoveF($event, index);[/url]"> <div class="[url=]tx img-h[/url]"> <img :src="[url=]returnImg(m.sumb_headimg)[/url]" onerror="[url=]this.src='../../image/touxiang.png'[/url]" alt=""> <img :src="[url=]returnImg(m.noble_circle)[/url]" v-if="[url=]m.noble_circle && !ios[/url]" class="[url=]tx_cover[/url]" alt=""> <span class="[url=]yuan[/url]" v-if="[url=]m.count > 0[/url]">{{m.count>99? '99+' : m.count}}</span> <img v-if="[url=]m.is_cluster==1[/url]" class="[url=]jiazu-tag[/url]" src="[url=view-source: ]../../image/icon/ms_family_top_icon.png[/url]" alt=""> </div> <div class="[url=]content[/url]"> <div class="[url=]flex-bt[/url]"> <div class="[url=]name-wrap[/url]" style="[url=]position: relative;[/url]"> <span class="[url=]name[/url]">{{m.name}} <span class="[url=]sys-tag[/url]" v-if="[url=]m.kefu == 1[/url]">{{_i18n('官方')}}</span></span> <img v-if="[url=]m.noble_icon && !ios[/url]" class="[url=]new-noble[/url]" :src="[url=]returnImg(m.noble_icon)[/url]" onerror="[url=]this.src='../image/error-img.png'[/url]" alt=""> </div> <span class="[url=]time[/url]" v-if="[url=]m.city[/url]"><i class="[url=]aui-iconfont aui-icon-location[/url]"></i>{{m.city}}</span> </div> <div class="[url=]flex-bt new-margin-t-10[/url]"> <p class="[url=]msg aui-ellipsis-1[/url]" style="[url=]max-width: 55%;;[/url]">{{clearHtml(m.content)}}</p> <span class="[url=]time[/url]">{{m.addtime}}</span> </div> </div> </div> <div class="[url=]del-btn msg-btn[/url]" @click.stop="[url=]delMsg(index)[/url]">{{_i18n('删除')}}</div> </li> </template> </ul> <div id="[url=]no_more[/url]" :class="[url=]{'null': ffList.length == 0}[/url]"></div> </div></body><script src="[url=view-source:http://ailiao.test/script/api.js]../../script/api.js[/url]"></script><script src="[url=view-source:http://ailiao.test/script/jquery.js]../../script/jquery.js[/url]"></script><script src="[url=view-source:http://ailiao.test/script/ffkj.js]../../script/ffkj.js[/url]"></script><script src="[url=view-source:http://ailiao.test/script/vue.js]../../script/vue.js[/url]"></script><script src="[url=view-source:http://ailiao.test/script/swiper.js]../../script/swiper.js[/url]"></script><script src="[url=view-source:http://ailiao.test/script/limitchat.js]../../script/limitchat.js[/url]"></script><script src="[url=view-source:http://ailiao.test/json/liao1.js]../../json/liao1.js[/url]"></script><script> var view = new Vue({ el: '#view', data: { imgurl: imgurl, // ffList: ret.data.result.result, // 私聊列表 ffList: [], // 私聊列表 ffList2: [], // 系统消息 ffInfo: {}, isVip: 0, sysInfo: [], // 系统通知 所有人的 kefu: 0, // 客服id ios: 1, lbList: [], x: 0, y: 0, swipeX: false, swipeY: false, }, methods: { delMsg(index) { var touserid = view.ffList[index].userid; _ajax('home/Privatechat/delChat', function(res, err) { if (res && res.code == 200) { _msg('删除成功') view.ffList.splice(index, 1); } else { _msg('删除失败'); } }, { uid: $api.getStorage('userid'), touid: touserid, }) }, touchstartF: function(event, index) { if (view.ffList[index].kefu == 1) return; view.x = event.changedTouches[0].pageX; view.y = event.changedTouches[0].pageY; view.swipeX = true; view.swipeY = true; }, touchmoveF: function(event, index) { if (view.ffList[index].kefu == 1) return; var e = event.currentTarget; var X = event.changedTouches[0].pageX; var Y = event.changedTouches[0].pageY; var swipeX = view.swipeX; var swipeY = view.swipeY; var x = view.x; var y = view.y; // 左右滑动 if (swipeX && Math.abs(X - x) - Math.abs(Y - y) > 0) { // 阻止事件冒泡 event.stopPropagation(); if (X - x > 10) { event.preventDefault(); view.ffList[index].s = 0; } if (x - X > 10) { event.preventDefault(); view.ffList[index].s = 1; } view.swipeY = false; } // 上下滑动 if (swipeY && Math.abs(X - x) - Math.abs(Y - y) < 0) { view.swipeX = false; } }, // 轮播跳转 openSlid(index) { console.log(index); var _this = this; var data = _this.lbList[index]; if (!data.url) { _url({ url: 'frame4/yaoqing', title: '我的邀请' }) } else { _url({ url: data.url, title: '详情' }, 'web') } }, // 系统消息跳转 openChat(result) { var id = result.id; var data = result.data; if (data && typeof data == 'string') { data = JSON.parse(data); } switch (id) { case 1: _url({ url: 'frame3/visitor', title: result.name, num: data.count }) break; case 2: _index(5) break; case 3: _url({ url: 'frame0/groupchat', title: result.name }) break; default: break; } }, // 打开聊天窗口 goTalk(index) { var _this = this; var data = _this.ffList[index]; var uid = data.userid; var name = data.name; if (data.is_cluster == 1) { // 群聊 openQun(data.cluster_id, name, data.cluster_types) return; } _url({ touserid: uid, title: '与' + name + '的聊天', moreType: 1, }, 'frame0/liaotian_win') }, _url(param, url) { _url(param, url); }, // 返回图片路径 returnImg(url) { return returnImg(url); }, // 清除html clearHtml(s) { return clearHtml(s); } } }) var sysTime = 1000; var sysNowType = 0; var feeObj = {}; apiready = function() { getSlide(2, function(data) { view.lbList = data; setTimeout(function() { var mySwiper = new Swiper('.swiper-container', { loop: true, // 循环模式选项 }) }, 300) }) view.ios = $api.getStorage('shang'); openService() _listener('viewappear', function(ret) { getNowMsgList(); }) _listener('index_msglist', function(ret) { var result = ret.value.result; for (var i = 0, len = result.length; i < len; i++) { result.s = 0; } view.ffList = result; }) _listener('syslist', function(ret) { var result = ret.value.result; view.ffList2 = result; }) _shangla(function() { getNowMsgList(); }, 1) } // 获取客服id function openService() { _ajax('api/Member/kefu', function(ret, err) { if (ret && ret.data && ret.data.id) { view.kefu = ret.data.id } }) } // 获取系统通知 function getAllSysInfo() { _ajax('Home/User/sysmsg', function(ret, err) { if (ret && ret.code == 200) { view.sysInfo = ret.result; } }) } // 即时刷新的消息 function getNowMsgList() { if (!$api.getStorage('userid')) { api.refreshHeaderLoadDone(); return; } var obj = { userid: $api.getStorage('userid') }; _ajax('Home/User/syslist', function(ret, err) { api.refreshHeaderLoadDone(); }, { user_id: $api.getStorage('userid') }) _ajax('Home/Privatechat/getOtherList', function(ret, err) { console.log(JSON.stringify(ret)); console.log(JSON.stringify(err)); api.refreshHeaderLoadDone(); }, { data: JSON.stringify(obj) }) } // 清空消息 function clearmsg() { _confirm({ msg: '是否设置全部已读?' }, function(bIndex) { if (bIndex == 1) { _ajax('home/privatechat/allRead', function(ret, err) { _msg(ret.msg); if (ret && ret.code == 200) { pushMsg($api.getStorage('userid')) } }, { user_id: $api.getStorage('userid') }) } }) }</script></html>
|
|
显示全部楼层
QQ空间
新浪微博
微信扫一扫
