- Scan-ID:
- 6b71d91b-e218-415b-8427-03bf15d4f347Beendet
- Eingereichte URL:
- https://www.1-qq.com/im/h5
- Bericht beendet:
Links · 0 gefunden
Die von der Seite ausgehenden identifizierten Links
JavaScript-Variablen · 26 gefunden
Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind
| Name | Typ |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| getLocation | function |
| showPosition | function |
| showError | function |
| delhc | function |
| Zepto | function |
| $ | function |
Konsolenprotokoll-Meldungen · 7 gefunden
In der Web-Konsole protokollierte Meldungen
| Typ | Kategorie | Protokoll |
|---|---|---|
| error | security |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| error | network |
|
HTML
Der HTML-Rohtext der Seite
<!DOCTYPE html><html lang="zh-tw" style="font-size: 100px;"><head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="generator" content="5rex5Zyz6LSd55Om">
<link href="/static/h5/css/swiper-3.4.1.min.css" rel="stylesheet" type="text/css"><link rel="shortcut icon" href="/static/favicon.ico">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<link rel="stylesheet" href="/static/h5/css/h5.css?v=1.1.79">
<script src="/static/h5/js/qrcode.min.js"></script><script src="/static/h5/js/webrtc/recorder.js"></script><script src="/static/h5/js/swiper-3.4.1.min.js"></script><script>
localStorage['mapxy']="121.31368,24.998";
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{
}
}
function showPosition(position)
{
lat=position.coords.latitude;
lon=position.coords.longitude;
var jwd = lon + "," + lat;
localStorage['mapxy']=jwd;
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
//alert("User denied the request for Geolocation.");
break;
case error.POSITION_UNAVAILABLE:
// alert("Location information is unavailable.");
break;
case error.TIMEOUT:
// alert("The request to get user location timed out.");
break;
case error.UNKNOWN_ERROR:
//alert("An unknown error occurred.");
break;
}
}
getLocation();
function delhc()
{
localStorage['username']="";
localStorage['password']="";
window.location.href="https://www.qq-chat.com//im/h5/user/login";
}
</script>
</head>
<body>
<!-- 歡迎畫面 -->
<div class="pop__panel pop__clearfix pop__welcome" id="welcome" v-show="im.show=='welcome'">
<div class="pop__main-page pop__flexbox">
<div class="pop__center">
<img src="/static/h5/img/logo.jpg">
</div>
</div>
</div>
<!-- 主容器 -->
<div class="pop__panel pop__clearfix">
<div class="pop__main-page pop__flexbox" id="home" v-show="im.show=='home'">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<em class="pop__placeholder"></em>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{im.setting.app_name}}</h2>
<em v-if="im.setting.qrcode_scan=='on'||im.setting.add_friend=='on'||im.setting.create_group=='on'" class="pop__placeholder" @click="toggleTopBar"><i class="pop__icon"></i></em>
</div>
</div>
<div class="pop__topbar-mask" style="display: none" @click="toggleTopBar"></div>
<div class="pop__topbar-menu" style="display: none">
<ul class="pop__clearfix">
<li v-if="im.setting.create_group=='on'" class="pop__icon" :routeurl="im.baseUri+'group/create'"> {{$lang('建立群組')}}</li>
<li v-if="im.setting.add_friend=='on'" class="pop__icon" :routeurl="im.baseUri+'friend/search'"> {{$lang('加入好友')}}</li>
<li v-if="im.setting.qrcode_scan=='on'" class="pop__icon" :routeurl="im.baseUri+'qrcode/scan'"> {{$lang('掃一掃')}}</li>
</ul>
</div>
<!-- //主頁-->
<div class="pop__body" v-show="tab=='chatting'">
<div class="pop__scrolling-panel">
<div class="pop__chatting-list">
<div class="pop__warning-tip" v-show="stateName" @click="refresh">
<i class="pop__loading" v-show="im.networkState=='connecting'"></i>{{stateName}}
</div>
<div class="pop__tip" v-show="!chattingItems.length">
{{$lang('沒有消息')}}
</div>
<ul class="pop__clearfix">
<template v-for="item in chattingItems">
<li class="pop__flexbox pop__cell" :routeurl="im.baseUri+item.type+'/chat/'+item.id" :key="item.type+''+item.id" @touchstart.capture="touchStart($event, item)" @touchmove.capture="touchMove($event, item)" @touchend.capture="touchEnd($event, item)" :style="{transform: 'translate3d(-'+(item.slideDistance||0)+'rem,0,0)'}">
<div class="pop__avatar"><img :src="item.avatar"><em class="pop__badge" v-if="item.unread_count!=0">{{item.unread_count}}</em></div>
<div class="pop__chatting-info">
<h2 class="pop__chatting-title pop__clamp1" v-html="item.name"></h2>
<p class="pop__chatting-content pop__clamp1" v-html="lastMessage(item).content"></p>
</div>
<span class="pop__time" v-html="$formatTime(lastMessage(item).timestamp)" :value="lastMessage(item).timestamp"></span>
<div class="pop__chatting-options pop__flexbox">
<div class="pop__flexbox pop__chatting-top" @click.stop.capture="switchTop($event, item)">{{item.top ? $lang('取消置頂') : $lang('置頂')}}</div>
<div class="pop__flexbox pop__chatting-delete" @click.stop.capture="deleteItem($event, item)">{{$lang('刪除')}}</div>
</div>
</li>
</template>
</ul>
</div>
</div>
</div>
<!-- 通訊錄-->
<div class="pop__body" v-show="tab=='friend'">
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<div class="pop__warning-tip" v-show="stateName" @click="refresh">
{{stateName}}
</div>
<ul class="pop__clearfix">
<li>
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'friend/search'" v-show="im.setting.add_friend=='on'">
<img class="pop__avatar-small" src="/static/h5/img/icon__add-friend.png"><span class="pop__flex1">{{$lang('加入好友')}}</span><label><em class="pop__badge" v-if="unreadApplyCount!=0">{{unreadApplyCount}}</em></label>
</div>
<!--div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeUrl="im.baseUri+'friend/list'" v-show="im.setting.add_friend=='on'">
<img class="pop__avatar-small" src="/static/h5/img/icon__add-friend.png" /><span class="pop__flex1">{{$lang('附近的人')}}</span><label><em class="pop__badge" v-if="unreadApplyCount!=0">{{unreadApplyCount}}</em></label>
</div-->
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/list'">
<img class="pop__avatar-small" src="/static/h5/img/icon__groups.png"><span class="pop__flex1">{{$lang('群組')}}</span>
</div>
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/nearlist'">
<img class="pop__avatar-small" src="/static/h5/img/icon__groups.png"><span class="pop__flex1">{{$lang('加入群組')}}</span>
</div>
<template v-for="(items,key) in im.friend">
<h2 class="pop__friend-list-letter pop__border-top" :class="'pop__firend_list_'+(key||'other')">{{key||'#'}}</h2>
<template v-for="item in items">
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :uid="item.uid" :routeurl="im.baseUri+'user/detail/'+item.uid">
<img class="pop__avatar-small" :src="item.avatar"><span class="pop__flex1" v-html="item.remark || item.name"></span>
</div>
</template>
</template>
</li>
</ul>
<i v-show="im.dataLoading" class="pop__loading"></i>
</div>
</div>
<!-- //字母顯示 -->
<div class="pop__friend-list-showletter">A</div>
<!-- //26字母 -->
<div class="pop__friend-list-floatletter">
<em v-for="char in ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','#']" @click="scrollIntoView(char)">{{char}}</em>
</div>
</div>
<!-- 探索-->
<div class="pop__body" v-show="tab=='explore'">
<div class="pop__scrolling-panel">
<!-- //個人信息頁 -->
<div class="pop__detail-panel">
<ul class="pop__clearfix">
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<label class="pop__detail-item-left pop__flex1">{{im.setting.app_name}}{{$lang('號')}}</label>
<div class="pop__detail-item-right" v-html="im.mine.username"></div>
</div>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<label class="pop__detail-item-left pop__flex1">{{$lang('我的發言')}}</label>
<div class="pop__detail-item-right" v-html="im.mine.msgcount"></div>
</div>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'mine/detail'">
<label class="pop__detail-item-left pop__flex1">{{$lang('我的資料修改')}}</label>
<div class="pop__arr"></div>
</div>
</li>
</ul>
</div>
<!--iframe :src="explore_url" width="100%" height="100%" style="border: none">
</iframe-->
</div>
</div>
<!-- 我-->
<div class="pop__body" v-show="tab=='mine'">
<div class="pop__scrolling-panel">
<div class="pop__mine-info-list">
<div class="pop__warning-tip" v-show="stateName" @click="refresh">
{{stateName}}
</div>
<ul class="pop__clearfix">
<li>
<div class="pop__mine-info-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'mine/detail'">
<img class="pop__avatar" :src="im.mine.avatar">
<span class="pop__name pop__flex1">
<em v-html="im.mine.nickname"></em><i v-html="im.setting.app_name+$lang('號')+'：'+im.mine.username"></i>
</span>
<div class="pop__arr pop__icon">{{im.setting.qrcode_friend=='on'?'':''}}</div>
</div>
</li>
<li>
<div class="pop__mine-info-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'setting/others'">
<div class="pop__icon"></div><span class="pop__flex1">{{$lang('設置')}}</span><div class="pop__arr"></div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- //底部footer -->
<div class="pop__footer">
<div class="pop__footer-wrapper pop__border-top">
<ul class="pop__flexbox pop__flex-align-center">
<li class="pop__flex1" :class="{'pop__icon-selected':tab=='chatting'}" @click="tab='chatting'"><i class="pop__ico layui-icon pop__icon-chatting"><template v-if="unreadMessageCount!=0"><em class="pop__badge">{{unreadMessageCount}}</em></template></i><span>{{$lang('消息')}}</span></li>
<li class="pop__flex1" :class="{'pop__icon-selected':tab=='friend'}" @click="tab='friend'"><i class="pop__ico layui-icon pop__icon-friends"><template v-if="unreadApplyCount!=0"><em class="pop__badge">{{unreadApplyCount}}</em></template></i><span>{{$lang('聯繫人')}}</span></li>
<li v-if="im.setting.explore_url" class="pop__flex1" :class="{'pop__icon-selected':tab=='explore'}" @click="tab='explore'"><i class="pop__ico layui-icon pop__icon-explore"><em class="pop__badge pop__badge-dot"></em></i><span>{{$lang('探索')}}</span></li>
<li class="pop__flex1" :class="{'pop__icon-selected':tab=='mine'}" @click="tab='mine'"><i class="pop__ico layui-icon pop__icon-mine"></i><span>{{$lang('我')}}</span></li>
</ul>
</div>
</div>
</div>
</div>
<!-- 聊天容器 -->
<div class="pop__panel pop__clearfix" id="chat" style="display:none" v-show="im.show=='chat'" @touchstart="touchStart">
<audio id="chat-message-audio">
<source id="chat-message-audio-source" src="/static/h5/sound/default.mp3" type="audio/mpeg">
</audio>
<div class="pop__chat-wrapper pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div id="mm">
<iframe width="100%" height="305" frameborder="0" src="https://www.ixigua.com/iframe/7434719576761303602?autoplay=0" referrerpolicy="unsafe-url" allowfullscreen=""></iframe>
</div>
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1 pop__clamp1" v-html="name"></h2>
<a class="pop__dot-more" :href="im.baseUri+(type=='group'?type:'user')+'/detail/'+id"></a>
</div>
<div class="pop__group-notice-tip pop__ellipsis" v-show="notice.content && 1!=notice.readed" @click="showNotice=1" v-html="$lang('公告')+'：'+notice.content"></div>
<div class="pop__group-notice-box" v-show="showNotice">
<div v-html="nl2brNotice" class="pop__group-notice-content">
</div>
<div class="pop__flexbox pop__flex-justify-center pop__margin-top">
<a class="pop__btn-primary" @click="noticeReaded">{{$lang('我知道了')}}</a>
</div>
</div>
</div>
<!-- //消息上牆面板 -->
<div class="pop__chat-msg-panel pop__flex1" @scroll.passive="handleScroll">
<div class="pop__chat-content">
<ul class="pop__clearfix" @click="closePanel">
<li class="pop__chat-msg-notice" v-show="messageLock && !messageEnd"><span><i class="pop__loading"></i>{{$lang('加載中...')}}</span></li>
<li class="pop__chat-msg-notice" v-show="messageEnd"><span>{{$lang('沒有更多資料了')}}</span></li>
<template v-for="item in messageList">
<li v-if="needInsertTime(item.timestamp)" class="pop__chat-msg-time"><span>{{$date(item.timestamp)}}</span></li>
<chat-message :type="type" :from="item.from" :name="item.name" :content="item.content" :avatar="item.avatar" :mid="item.mid" :sub_type="item.sub_type" :timestamp="item.timestamp" :im="im">
</chat-message>
</template>
<!-- 長按提示 -->
<div class="pop__chat-tap-menu" :style="{left:tapMenuLeft, top:tapMenuTop}" v-show="tapMenuShow&&(supportCopy||supportRevoke)" ref="menu">
<div class="pop__menu">
<a href="javascript:void(0);" @click="copy" v-show="supportCopy"><i class="pop__icon-copy"></i>{{$lang('複製')}}</a>
<a href="javascript:void(0);" @click="revoke" v-show="supportRevoke"><i class="pop__icon-revoke"></i>{{$lang('撤回')}}</a>
</div>
</div>
<!-- 錄音提示 -->
<div class="pop__chat-voice-tip" v-show="voiceTips&&voice" @click="cancelVoice">
<div class="pop__line-scale-pulse-out" v-show="voiceTips==$lang('手指上劃，取消發送')">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="pop__cross" v-show="voiceTips==$lang('松開手指，取消發送')"></div>
<div :class="{pop__warning:voiceTips==$lang('松開手指，取消發送')}">{{voiceTips}}</div>
</div>
</ul>
</div>
</div>
<!-- //底部功能面板 -->
<div class="pop__chat-tool-panel">
<div class="pop__chat-at-tip" v-show="atContent.mid">
<span v-html="atContent.from_name+': '+atContent.content"></span><i class="pop__icon pop__gray" @click="closeAtContentTip"></i>
</div>
<!-- 輸入框模塊 -->
<div class="pop__editor-panel pop__border-top pop__flexbox">
<i v-show="!voice && im.setting.voice=='on'" class="pop__btn pop__btn-voice" @click.prevent="toggleVoice"></i>
<i v-show="voice && im.setting.voice=='on'" class="pop__btn pop__btn-keyboard" @click.prevent="toggleVoice"></i>
<textarea v-show="!voice" class="pop__chat-tool-editor pop__user-select" v-model="message" @focus="scrollBottom" ref="input" :style="{width:inputWidth}" @blur="resizeWindow" @paste="paste"></textarea>
<input v-show="voice" class="pop__chat-tool-editor pop__none-user-select" type="button" @touchstart.prevent="beginVoiceRecord" @touchend="sendVoice" @touchmove.prevent="cancelVoice" :class="{'pop__chat-tool-pressing':voiceTips}" :value="voiceBtnTips" :style="{width:inputWidth}" @contextmenu.prevent.self="">
<i class="pop__btn pop__btn-emotion" @click.prevent="openEmotion" v-show="im.setting.emoji=='on'"></i>
<i :style="{visibility:!message}" class="pop__btn pop__btn-choose" @click.prevent="openFunction"></i>
<button v-if="message!=''" class="pop__btn-submit" @click="send">{{$lang('發送')}}</button>
</div>
<!-- 表情、選擇模塊 -->
<div class="pop__choose-panel pop__border-top" v-show="panel=='face'||panel=='function'">
<!-- 表情區域 -->
<div class="pop__emotion-wrapper" v-show="panel=='face'">
<div class="pop__emotion__cells pop__flexbox">
<div class="pop__emotion__cells-swiper pop__flex1">
<div class="swiper-container" id="pop__emotion" @click="selectEmotion">
<div class="swiper-wrapper">
<div v-for="(items, index) in emojiList()" :key="index" class="swiper-slide">
<div class="pop__face-list">
<span v-for="(item, index) in items" :key="index" class="pop__emoji" @click="message+=item">
{{item}}
</span>
</div>
</div>
</div>
<div class="pop__emotion-pagination"></div>
</div>
</div>
</div>
</div>
<!-- 選擇區域 -->
<div class="pop__choose-wrapper" v-show="panel=='function'">
<ul class="pop__clearfix">
<li v-show="im.setting.upload_img=='on'"><a href="javascript:;"><span class="pop__avatar"><i class="layui-icon layui-icon-image"></i><form><input type="file" accept="image/*" @change="uploadImage"></form></span><em>{{$lang('照片')}}</em></a></li>
<li v-show="im.setting.upload_file=='on'"><a href="javascript:;"><span class="pop__avatar"><i class="layui-icon"></i><form><input type="file" accept="*" @change="uploadFile"></form></span><em>{{$lang('文件')}}</em></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 所有群組 -->
<div class="pop__panel pop__clearfix" id="group_list" v-show="im.show=='group_list'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('所有群組')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<div class="pop__body">
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<ul class="pop__clearfix">
<li>
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/create'" v-show="im.setting.create_group=='on'">
<img class="pop__avatar-small" src="/static/h5/img/icon__create-group.png"><span class="pop__flex1">{{$lang('創建群組')}}</span>
</div>
<h2></h2>
<template v-for="item in im.group">
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/chat/'+item.gid">
<img class="pop__avatar-small" :src="item.avatar"><span class="pop__flex1" v-html="item.remark || item.name"></span>
</div>
</template>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 附近群組 -->
<div class="pop__panel pop__clearfix" id="group_nearlist" v-show="im.show=='group_nearlist'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('加入群組')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<div class="pop__body">
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<ul class="pop__clearfix">
<li>
<h2></h2>
<template v-for="item in im.groupnear">
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/chat/'+item.gid">
<img class="pop__avatar-small" :src="item.avatar"><span class="pop__flex1" v-html="item.groupname"></span>
<!--span class="listspan"> {{item.km}}km</span-->
<span class="listspan"> {{item.lastdate}}</span>
</div>
</template>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 圖片預覽彈窗 -->
<div class="pop__img-view" style="display: none;">
<div class="swiper-container pop__img-view-container">
<div class="swiper-wrapper"></div>
</div>
</div>
<!-- 視頻播放 -->
<div class="pop__video-view" style="display: none;">
<i class="pop__close"></i>
<video id="pop__video" width="100%" height="100%" controls="controls" x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline="" preload="auto"></video>
</div>
<!-- 用戶信息詳情 -->
<div class="pop__panel pop__clearfix" id="user_detail" style="display: none;" v-show="im.show=='user_detail'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('詳細資料')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<!-- //好友詳細資料頁 -->
<div class="pop__detail-panel">
<ul class="pop__clearfix">
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<img class="pop__avatar" :src="avatar">
<label class="pop__detail-item-left pop__flex1">
<em v-html="remarkname||nickname"></em><!--i v-show="remarkname" v-html="nickname"></i><i v-html="username"></i-->
</label>
</div>
</li>
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<span class="pop__detail-item-left">{{$lang('個性簽名')}}</span>
<span class="pop__flex1 section" v-html="sign"></span>
</div>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" v-show="isFriend" style="display:none" :routeurl="im.baseUri+'friend/remark/'+uid">
<span class="pop__detail-item-left pop__flex1">
{{$lang('設置備註')}}
</span>
<div class="pop__arr"></div>
</div>
</li>
<li>
<div v-if="gid&&gid_onwer!=uid" class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/forbidden/'+gid+'/'+uid">
<span class="pop__detail-item-left pop__flex1">
{{$lang('群內禁言')}}
</span>
<div class="pop__arr"></div>
</div>
</li>
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" v-show="gid_onwer==im.mine.uid && uid!=im.mine.uid">
<span class="pop__flex1">{{$lang('設為管理員')}}</span>
<div class="pop__input-block">
<input type="checkbox" v-model="is_manager">
<div class="pop__unselect pop__form-switch" :class="{'pop__form-onswitch':is_manager==1}" @click="toggleManager()">
<em>{{is_manager==1 ? 'ON' : 'OFF'}}</em><i></i>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="pop__btns-panel">
<a class="pop__btn-primary" v-show="accountState == 'normal' && uid && !isFriend && uid!=im.mine.uid && allowFriend" :href="im.baseUri+'friend/send_apply/'+uid">{{$lang('')}}發起好友申請</a>
<a class="pop__btn-primary" href="javascript:;" v-show="accountState == 'normal' && isFriend" @click="chat">{{$lang('發起聊天')}}</a>
<a class="pop__btn-warning" href="javascript:;" v-show="accountState == 'normal' && isFriend" @click="deleteFriend">{{$lang('刪除好友')}}</a>
</div>
</div>
</div>
<!-- 我的信息詳情 -->
<div class="pop__panel pop__clearfix" id="mine_detail" style="display: none;" v-show="im.show=='mine_detail'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('個人信息')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<!-- //個人信息頁 -->
<div class="pop__detail-panel">
<ul class="pop__clearfix">
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'setting/avatar'">
<label class="pop__detail-item-left pop__flex1">{{$lang('頭像')}}</label>
<img class="pop__avatar" :src="im.mine.avatar">
<div class="pop__arr"></div>
</div>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<label class="pop__detail-item-left pop__flex1">{{im.setting.app_name}}{{$lang('號')}}</label>
<div class="pop__detail-item-right" v-html="im.mine.username"></div>
</div>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'setting/nickname'">
<label class="pop__detail-item-left pop__flex1">{{$lang('暱稱')}}</label>
<div class="pop__detail-item-right" v-html="im.mine.nickname"></div>
<div class="pop__arr"></div>
</div>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'setting/sign'">
<label class="pop__detail-item-left pop__flex1">{{$lang('個性簽名')}}</label>
<div class="pop__detail-item-right" v-html="im.mine.sign"></div>
<div class="pop__arr"></div>
</div>
<div v-if="im.setting.qrcode_friend=='on'" class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'setting/qrcode'">
<label class="pop__detail-item-left pop__flex1">{{$lang('我的二維碼')}}</label>
<div class="pop__detail-item-right pop__icon" v-html=""></div>
<div class="pop__arr"></div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 群組詳情 -->
<div class="pop__panel pop__clearfix" id="group_detail" style="display: none;" v-show="im.show=='group_detail'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('詳細資料')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<!-- //群詳細資料頁 -->
<div class="pop__detail-panel">
<ul class="pop__clearfix">
<li>
<div class="pop__detail-item pop__flexbox pop__flex-wrap pop__flex-align-center pop__cell">
<template v-for="item in members">
<div class="pop__avatar" :routeurl="avatarLink(item.uid)"><img :src="item.avatar"><span v-html="item.remark||item.nickname"></span></div>
</template>
<div class="pop__avatar" :routeurl="im.baseUri+'group/memberadd/'+gid" v-if="is_manager || forbid_invitation==1">
<div class="pop__operation-adduser pop__operation-icon"></div>
</div>
<div class="pop__avatar" :routeurl="im.baseUri+'group/memberdel/'+gid" v-if="is_manager">
<div class="pop__operation-deluser pop__operation-icon"></div>
</div>
<div class="pop__more-item pop__flex1 pop__flexbox pop__flex-align-center pop__flex-justify-center pop__cell" :routeurl="im.baseUri+'group/members/'+gid">
<div class="pop__more">
<span>
{{$lang('查看更多群成員')}}
</span>
<span class="pop__arr"></span>
</div>
</div>
</div>
</li>
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/'+(uid==im.mine.uid ? 'rename' : 'remark')+'/'+gid">
<span class="pop__detail-item-left">
{{uid==im.mine.uid ? $lang('群組名稱') : $lang('備註名稱')}}
</span>
<span class="pop__detail-section pop__flex1" v-html="uid==im.mine.uid ? groupname : remark || groupname"></span>
<div class="pop__arr"></div>
</div>
</li>
<li v-show="uid == im.mine.uid || is_manager">
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<span class="pop__flex1">{{$lang('群二維碼邀請')}}</span>
<div class="pop__input-block">
<input type="checkbox" v-model="forbid_speaking">
<div class="pop__unselect pop__form-switch" :class="{'pop__form-onswitch':forbid_invitation==1}" @click="toggleForbidInvitation()">
<em>{{forbid_invitation==1 ? 'ON' : 'OFF'}}</em><i></i>
</div>
</div>
</div>
</li>
<li v-if="im.setting.qrcode_group=='on' && forbid_invitation==1">
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/qrcode/'+gid">
<span class="pop__detail-item-left">{{$lang('群二維碼')}}</span>
<span class="pop__detail-section pop__flex1 pop__icon"></span>
<div class="pop__arr"></div>
</div>
</li>
<li v-show="uid == im.mine.uid || is_manager">
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<span class="pop__flex1">{{$lang('全員禁言')}}</span>
<div class="pop__input-block">
<input type="checkbox" v-model="forbid_speaking">
<div class="pop__unselect pop__form-switch" :class="{'pop__form-onswitch':forbid_speaking==1}" @click="toggleForbidSpeaking()">
<em>{{forbid_speaking==1 ? 'ON' : 'OFF'}}</em><i></i>
</div>
</div>
</div>
</li>
<li v-show="uid == im.mine.uid || is_manager">
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'group/notice/'+gid">
<span class="pop__detail-item-left">{{$lang('編輯公告')}}</span>
<span class="pop__detail-section pop__flex1 pop__icon pop__arr"></span>
</div>
</li>
</ul>
</div>
<div class="pop__btns-panel">
<a v-if="uid!=im.mine.uid" class="pop__btn-warning" href="javascript:;" @click="leaveGroup">{{$lang('退出群組')}}</a>
<a v-if="uid==im.mine.uid" class="pop__btn-warning" href="javascript:;" @click="deleteGroup">{{$lang('解散群組')}}</a>
</div>
</div>
</div>
<!-- 群組成員 -->
<div class="pop__panel pop__clearfix" id="group_members" style="display: none;" v-show="im.show=='group_members'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('群成員')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<!-- //群詳細資料頁 -->
<div class="pop__detail-panel">
<ul class="pop__clearfix">
<li>
<div class="pop__detail-item pop__flexbox pop__flex-wrap pop__flex-align-center pop__cell">
<template v-for="item in members">
<div class="pop__avatar" :routeurl="avatarLink(item.uid)" :key="item.uid"><img :src="item.avatar"><span v-html="item.remark||item.nickname"></span></div>
</template>
<div class="pop__more-item pop__flex1 pop__flexbox pop__flex-align-center pop__flex-justify-center pop__cell" @click="nextPage">
<div class="pop__more">
<span>
{{!ended?$lang('加載更多'):$lang('沒有更多資料了')}}
</span>
<span class="pop__arr" v-show="!ended&&!im.dataLoading"></span>
<i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 群組公告 -->
<div class="pop__panel pop__clearfix" id="group_notice" style="display: none;" v-show="im.show=='group_notice'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('編輯公告')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<div class="pop__center pop__qrcode">
<div class="pop__group-notice-edit-box">
<textarea v-html="notice" class="pop__group-notice-textarea" v-model="notice"> </textarea>
<div class="pop__flexbox pop__flex-justify-center pop__margin-top">
<a class="pop__btn-primary" @click="save">{{$lang('保存並發布')}}</a>
</div>
</div>
</div>
</div>
</div>
<!-- 好友申請詳情 -->
<div class="pop__panel pop__clearfix" id="apply_detail" style="display: none;" v-show="im.show=='apply_detail'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('詳細資料')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<div class="pop__detail-panel">
<ul class="pop__clearfix">
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<img class="pop__avatar" :src="avatar">
<label class="pop__detail-item-left pop__flex1">
<em v-html="nickname"></em><!--i v-html="username"></i-->
</label>
</div>
</li>
<li>
<div class="pop__detail-item pop__flexbox pop__flex-align-center pop__cell">
<label class="pop__detail-item-left">{{$lang('附言')}}:</label>
<div class="pop__detail-item-right" v-html="postScript"></div>
</div>
</li>
</ul>
</div>
<div class="pop__btns-panel">
<a class="pop__btn-primary" href="javascript:;" v-if="operation=='not_operated'" @click="agree">{{$lang('同意申請')}}</a>
<a class="pop__btn-default" href="javascript:;" v-if="operation=='not_operated'" @click="refuse">{{$lang('拒絕申請')}}</a>
</div>
</div>
</div>
<!-- 登錄頁面 -->
<div class="pop__panel pop__clearfix" id="login" style="display:none;" v-show="im.show=='login'">
<div class="pop__form-cells">
<h2 class="pop__form-title">{{$lang('歡迎登錄')}} {{im.setting.app_name}}</h2>
<form action="post" @keyup.13="login">
<div class="pop__form-cell">
<div><label class="pop__form-label">{{$lang('用戶名')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" name="username" v-model="username" type="text" :placeholder="$lang('輸入用戶名')">
</div>
</div>
<div class="pop__form-cell">
<div><label class="pop__form-label">{{$lang('密碼')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" name="password" v-model="password" type="password" :placeholder="$lang('輸入密碼')">
</div>
</div>
<div class="pop__form-cell" v-if="im.setting.login_captcha=='on'">
<div><label class="pop__form-label">{{$lang('驗證碼')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" type="text" v-model="captcha" :placeholder="$lang('輸入驗證碼')">
</div>
<div>
<img class="pop__form-captcha" :src="im.api.loginCaptcha" @click="switchCaptcha" ref="captchaImg">
</div>
</div>
<div class="pop__form-link" v-show="im.setting.register=='on'"><a :href="im.baseUri+'user/join'">{{$lang('註冊帳號')}}</a></div>
<div class="pop__form-btn"><a class="pop__btn-primary btn__login" @click="login" href="javascript:;">{{$lang('登錄')}}</a></div>
</form>
<!--div class="pop__switch-lang" :routeUrl="im.baseUri+'setting/language'">{{$lang('切換語言')}}</div-->
</div>
</div>
<!-- 註冊頁面 -->
<div class="pop__panel pop__clearfix" id="join" style="display:none;" v-show="im.show=='join'">
<div class="pop__form-cells">
<h2 class="pop__form-title">{{$lang('歡迎註冊')}} {{im.setting.app_name}}</h2>
<form action="post" @keyup.13="join">
<div class="pop__form-cell">
<div><label class="pop__form-label">{{$lang('用戶名')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" name="username" v-model="username" type="text" :placeholder="$lang('輸入用戶名')">
</div>
</div>
<div class="pop__form-cell">
<div><label class="pop__form-label">{{$lang('密碼')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" name="password" v-model="password" type="password" :placeholder="$lang('輸入密碼')">
</div>
</div>
<div class="pop__form-cell">
<div><label class="pop__form-label">{{$lang('暱稱')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" name="nickname" v-model="nickname" type="text" :placeholder="$lang('輸入暱稱')">
</div>
</div>
<div class="pop__form-cell">
<div><label class="pop__form-label">{{$lang('個性簽名')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" name="sign" v-model="sign" type="text" :placeholder="$lang('個性簽名')">
</div>
</div>
<div class="pop__form-cell" v-if="im.setting.register_captcha == 'on'">
<div><label class="pop__form-label">{{$lang('驗證碼')}}</label></div>
<div class="pop__flex1">
<input class="pop__form-input" type="text" v-model="captcha" :placeholder="$lang('輸入驗證碼')">
</div>
<div>
<img class="pop__form-captcha" :src="im.api.joinCaptcha" @click="switchCaptcha" ref="captchaImg">
</div>
</div>
<div class="pop__form-link"><a :href="im.baseUri+'user/login'">{{$lang('已有帳號，點擊這裡登錄')}}</a></div>
<div class="pop__form-btn"><a class="pop__btn-primary btn__login" @click="join" href="javascript:;">{{$lang('提交')}}</a></div>
</form>
<!--div class="pop__switch-lang" :routeUrl="im.baseUri+'setting/language'">{{$lang('切換語言')}}</div-->
</div>
</div>
<!-- 加好友發送附言，設置備註等 -->
<div class="pop__panel pop__clearfix" id="setting" style="display: none;" v-show="im.show=='setting'">
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang(title)}}</h2>
<em class="pop__confirm-button">
<a href="javascript:;" class="pop__btn-primary-mini" @click="action">{{$lang('確定')}}</a>
</em>
</div>
</div>
<div class="pop__main-page pop__flexbox">
<div class="pop__flex1">
<div class="pop__gray-text" v-html="$lang(desc)"></div>
<ul class="pop__clearfix">
<li><label class="pop__flexbox"><input class="pop__input pop__flex1" type="text" v-model="content"></label></li>
</ul>
</div>
</div>
</div>
<!-- 加入好友 -->
<div class="pop__panel pop__clearfix" id="search" style="display: none;" v-show="im.show=='search'">
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('加入好友')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<ul class="pop__clearfix">
<li>
<div class="pop__search-bar" :class="{'pop__search-bar-focusing':!showApplyList}">
<div class="pop__search-bar-form">
<div class="pop__search-bar-box">
<i class="pop__icon-search"></i>
<input type="text" class="pop__search-bar-input" :pop__placeholder="$lang('請輸入對方帳號')" v-model="searchText" required="" @blur="blur" ref="input">
<a href="javascript:" class="pop__icon-clear" @click="clear"></a>
</div>
<label class="pop__search-bar-label" @click="focus">
<i class="pop__icon-search"></i>
<span>{{$lang('請輸入對方帳號')}}</span>
</label>
</div>
<a href="javascript:" class="pop__search-bar-cancel-btn" @click="cancel">{{$lang('取消')}}</a>
</div>
</li>
<li v-show="showApplyList">
<template v-for="item in applyList">
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'apply/detail/'+item.nid">
<img class="pop__avatar-small" :src="item.avatar"><span class="pop__flex1" v-html="item.nickname"></span><span class="pop__friend-list-operation" v-html="operationName(item.operation)"></span>
</div>
</template>
</li>
<li v-show="!showApplyList&&searchText">
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" @click="search">
<img class="pop__avatar-small" src="/static/h5/img/search-text.png"><span class="pop__flex1"><b>{{$lang('搜索')}}</b>：<span class="pop__green">{{searchText}}</span></span>
</div>
</li>
<li>
<h2></h2>
<template v-for="item in im.friend2">
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :uid="item.uid" :routeurl="im.baseUri+'user/detail/'+item.uid">
<img class="pop__avatar-small" :src="item.avatar"><span class="pop__flex1" v-html="item.remark || item.nickname"></span>
<span class="listspan"> {{item.km}} {{item.logindate}}前</span>
</div>
</template>
</li>
</ul>
</div>
</div>
</div>
<!-- 附近好友 -->
<!--div class="pop__panel pop__clearfix" id="list" style="display: none;" v-show="im.show=='list'">
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onClick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>附近好友</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<template v-for="item in im.friend2">
<div class="list" :uid="item.uid" :routeURL="im.baseUri+'user/detail/'+item.uid">
<img style="width:" :src="item.avatar"><span class="pop__flex1" v-html="item.remark || item.nickname"></span>
<span class="listspan"> {{item.km}}km-{{item.logindate}}前</span>
</div>
</template>
</div-->
<!-- 附近好友 -->
<div class="pop__panel pop__clearfix" id="list" v-show="im.show=='list'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('附近的人')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<div class="pop__body">
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<ul class="pop__clearfix">
<li>
<h2></h2>
<template v-for="item in im.friend2">
<div class="pop__row pop__flexbox pop__flex-align-center pop__cell" :uid="item.uid" :routeurl="im.baseUri+'user/detail/'+item.uid">
<img class="pop__avatar-small" :src="item.avatar"><span class="pop__flex1" v-html="item.remark || item.nickname"></span>
<span class="listspan"> {{item.km}} {{item.logindate}}前</span>
</div>
</template>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- 群成員操作 -->
<div class="pop__panel pop__clearfix" id="group_member_operation" style="display: none;" v-show="im.show=='group_member_operation'">
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" @click="hide"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('選擇聯繫人')}}</h2>
<em class="pop__confirm-button-fixed">
<button class="pop__btn-primary-mini" :disabled="!selectedItems.length" @click="action">{{$lang('完成')}}{{selectedItems.length ? '('+selectedItems.length+')' : ''}}</button>
</em>
</div>
</div>
<div class="pop__body">
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<ul class="pop__clearfix pop__cells_checkbox">
<li>
<form ref="form">
<template v-for="(items,key) in members">
<h2 class="pop__friend-list-letter pop__border-top" :class="'pop__firend_list_'+key||'other'">{{key||'#'}}</h2>
<template v-for="item in items">
<label class="pop__row pop__flexbox pop__flex-align-center pop__cell pop__check-label">
<input type="checkbox" class="pop__check" v-model="selectedItems" :value="item.uid">
<i class="pop__icon-checked"></i>
<img class="pop__avatar-small" :src="item.avatar"><span class="pop__clamp1 pop__flex1" v-html="item.name||item.remark||item.nickname"></span>
</label>
</template>
</template>
</form>
</li>
</ul>
</div>
</div>
<!-- //字母顯示 -->
<div class="pop__friend-list-showletter">A</div>
<!-- //26字母 -->
<div class="pop__friend-list-floatletter">
<em v-for="char in ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','#']" @click="scrollIntoView(char)">{{char}}</em>
</div>
</div>
</div>
<!-- 群內禁言 -->
<div class="pop__panel pop__clearfix" id="forbidden" style="display: none;" v-show="im.show=='forbidden'">
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i> </h2>
<em class="pop__confirm-button">
<button class="pop__btn-primary-mini" @click="action" :disabled="!selectedValue">{{$lang('完成')}}</button>
</em>
</div>
</div>
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<ul class="pop__clearfix pop__cells_checkbox">
<li>
<form ref="form">
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="-1">
<i class="pop__icon-checked"></i>{{$lang('解除禁言')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="600">
<i class="pop__icon-checked"></i>10{{$lang('分鐘')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="3600">
<i class="pop__icon-checked"></i>1{{$lang('小時')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="43200">
<i class="pop__icon-checked"></i>12{{$lang('小時 ')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="86400">
<i class="pop__icon-checked"></i>1{{$lang('天')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="259200">
<i class="pop__icon-checked"></i>3{{$lang('天 ')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="604800">
<i class="pop__icon-checked"></i>7{{$lang('天 ')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="1296000">
<i class="pop__icon-checked"></i>15{{$lang('天 ')}}
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="2592000">
<i class="pop__icon-checked"></i>30{{$lang('天 ')}}
</label>
</form>
</li>
</ul>
</div>
</div>
</div>
<!-- 設置語言 -->
<div class="pop__panel pop__clearfix" id="language" style="display: none;" v-show="im.show=='language'">
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i></h2>
<em class="pop__confirm-button">
<button class="pop__btn-primary-mini" @click="action" :disabled="!selectedValue">{{$lang('完成')}}</button>
</em>
</div>
</div>
<div class="pop__scrolling-panel">
<div class="pop__friend-list">
<ul class="pop__clearfix pop__cells_checkbox">
<li>
<form ref="form">
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="TW" :checked="selectedValue=='TW'">
<i class="pop__icon-checked"></i>繁體中文
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="zh-CN" :checked="selectedValue=='zh-CN'">
<i class="pop__icon-checked"></i>簡體中文
</label>
<label class="pop__row pop__flexbox pop__check-label">
<input type="radio" class="pop__check" v-model="selectedValue" value="en" :checked="selectedValue=='en'">
<i class="pop__icon-checked"></i>English
</label>
</form>
</li>
</ul>
</div>
</div>
</div>
<!-- 頭像設置 -->
<div class="pop__panel pop__clearfix" id="set_avatar" style="display: none;" v-show="im.show=='set_avatar'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('頭像')}}</h2>
<a class="pop__dot-more"><form><input class="pop__input-choose-avatar" type="file" accept="image/*" @change="uploadAvatar"></form></a>
</div>
</div>
<div class="pop__center">
<img class="pop__avatar" :src="im.mine.avatar">
</div>
</div>
</div>
<!-- 顯示二維碼 -->
<div class="pop__panel pop__clearfix" id="qrcode" style="display: none;" v-show="im.show=='qrcode'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang(tips)}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<div class="pop__center pop__qrcode">
<div class="pop__qrcode-wrapper">
<div class="pop__qrcode-info pop__flexbox">
<img class="pop__avatar-mini" :src="avatar"><span v-html="name"></span>
</div>
<div id="qrcode-img" class="pop__qrcode-img pop__flexbox"></div>
</div>
</div>
</div>
</div>
<!-- 掃描二維碼 -->
<div class="pop__panel pop__clearfix" id="qrcode_scan" style="display: none;" v-show="im.show=='qrcode_scan'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i></h2>
</div>
</div>
<div class="pop__center" id="qrcode_scan_div">
</div>
</div>
</div>
<!-- 設置相關 -->
<div class="pop__panel pop__clearfix" id="setting_others" style="display: none;" v-show="im.show=='setting_others'">
<div class="pop__main-page pop__flexbox">
<!-- //頂部 -->
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1"><i v-show="im.dataLoading" class="pop__loading pop__loading-head"></i>{{$lang('設置')}}</h2>
<em class="pop__placeholder"></em>
</div>
</div>
<!-- //設置相關 -->
<div class="pop__detail-panel">
<ul class="pop__clearfix">
<li>
<div class="pop__detail-item pop__margin-top pop__flexbox pop__flex-align-center pop__cell" :routeurl="im.baseUri+'setting/password'">
<span class="pop__flex1">{{$lang('修改密碼')}}</span><div class="pop__arr"></div>
</div>
</li>
<li>
<div class="pop__detail-item pop__margin-top pop__flexbox pop__flex-align-center pop__cell">
<span class="pop__flex1">{{$lang('提示音')}}</span>
<div class="pop__input-block">
<input type="checkbox" v-model="prompt_tone">
<div class="pop__unselect pop__form-switch" :class="{'pop__form-onswitch':im.mine.prompt_tone=='on'}" @click="togglePromptTone()">
<em>{{im.mine.prompt_tone=='on' ? 'ON' : 'OFF'}}</em><i></i>
</div>
</div>
</div>
</li>
<!--li>
<div class="pop__detail-item pop__margin-top pop__flexbox pop__flex-align-center pop__cell">
<span class="pop__flex1">{{$lang('經緯度')}}</span>
<div class="pop__input-block">
<span id="mapxy"></span>
</div>
</div>
</li-->
<!--li>
<div class="pop__detail-item pop__margin-top pop__flexbox pop__flex-align-center pop__cell" :routeUrl="im.baseUri+'setting/language'">
<span class="pop__flex1">{{$lang('切換語言')}}</span><div class="pop__arr">{{languageName}}</div>
</div>
</li-->
<li>
<div class="pop__detail-item pop__margin-top pop__text-center pop__input">
<label class="pop__detail-item-left pop__flex1" @click="logout">{{$lang('退出')}}</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 更改密碼 -->
<div class="pop__panel pop__clearfix" id="password" style="display: none;" v-show="im.show=='password'">
<div class="pop__header">
<div class="pop__header-wrapper pop__flexbox">
<a class="pop__header-back" href="javascript:;" onclick="history.back(-1);"></a>
<h2 class="pop__header-title pop__flex1">{{$lang('修改密碼')}}</h2>
<em class="pop__confirm-button">
<a href="javascript:;" class="pop__btn-primary-mini" @click="update">{{$lang('確定')}}</a>
</em>
</div>
</div>
<div class="pop__main-page pop__flexbox">
<div>
<div class="pop__gray-text">{{$lang('舊密碼')}}</div>
<ul class="pop__clearfix">
<li><label class="pop__flexbox"><input class="pop__input pop__flex1" type="password" v-model="password_old" :placeholder="$lang('請輸入舊密碼')"></label></li>
</ul>
</div>
<div>
<div class="pop__gray-text">{{$lang('新密碼')}}</div>
<ul class="pop__clearfix">
<li><label class="pop__flexbox"><input class="pop__input pop__flex1" type="password" v-model="password1" :placeholder="$lang('請輸入新密碼')"></label></li>
</ul>
</div>
<div>
<div class="pop__gray-text">{{$lang('確認新密碼')}}</div>
<ul class="pop__clearfix">
<li><label class="pop__flexbox"><input class="pop__input pop__flex1" type="password" v-model="password2" :placeholder="$lang('請再次輸入新密碼')"></label></li>
</ul>
</div>
</div>
</div>
<!-- 提示框 -->
<div class="pop__panel" id="dialog" style="display: none;" v-show="show">
<div class="pop__mask"></div>
<div class="pop__dialog">
<div class="pop__dialog__bd">{{content}}</div>
<div class="pop__dialog__ft">
<a href="javascript:;" class="pop__dialog__btn pop__dialog__btn_primary" @click="show=false" v-show="!callback">{{$lang('知道了')}}</a>
<a href="javascript:;" class="pop__dialog__btn pop__dialog__btn_default" @click="show=false" v-show="callback">{{$lang('取消')}}</a>
<a href="javascript:;" class="pop__dialog__btn pop__dialog__btn_primary" @click.prevent="action" v-show="callback">{{$lang('確定')}}</a>
</div>
</div>
</div>
<!-- 操作提示 -->
<div class="pop__panel" id="actionsheet">
<div class="pop__mask" style="display:none;" v-show="show"></div>
<div class="pop__actionsheet" :class="{'pop__actionsheet_toggle':show}">
<div class="pop__actionsheet__title">
<p class="pop__actionsheet__title-text" v-html="content"></p>
</div>
<div class="pop__actionsheet__menu">
<div class="pop__actionsheet__cell" @click="action" :class="{'pop__indianred':warning}">{{$lang('確認')}}</div>
</div>
<div class="pop__actionsheet__action">
<div class="pop__actionsheet__cell" @click="cancel">{{$lang('取消')}}</div>
</div>
</div>
</div>
<div class="pop__panel" id="toast" style="display: none;" v-show="dataPosting">
<div class="pop__toast">
<i class="pop__icon_toast" :class="{pop__loading:dataPosting==1, 'pop__icon-success-no-circle':dataPosting==2}"></i>
<p class="pop__toast__content">{{dataPosting == 2?$lang('操作成功'):$lang('提交中...')}}</p>
</div>
</div>
<script src="/static/h5/js/zepto.min.js"></script-->
<!--<script src="/static/h5/js/page.js"></script>-->
<script src="/static/h5/js/page.min.js"></script>
<!--<script src="/static/h5/js/vue.js"></script>-->
<script src="/static/h5/js/vue.min.js"></script>
<script src="/static/h5/js/linkify.min.js"></script>
<script src="/static/h5/js/linkify-html.min.js"></script>
<script src="/static/h5/js/fontSize.js"></script>
<script src="/static/h5/js/subscriber.js?v=3.6.1"></script>
<script src="/static/h5/js/pop_function.js?v=3.1.2"></script>
<script src="/static/h5/js/h5.js?v=3.12"></script>
<script>
(function () {
var src = '/static/h5/js/eruda.min.js';
if (!/debug/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return;
document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>');
document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>');
})();
$(function(){
setTimeout(function(){
(function () {
var js = document.createElement("script");
js.src = "/static/h5/js/swiper-3.4.1.min.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(js, s);
})();
(function () {
var style = document.createElement("link");
style.href = '/static/h5/css/swiper-3.4.1.min.css';
style.rel = 'stylesheet';
style.type = 'text/css';
var s = document.getElementsByTagName("link")[0];
s.parentNode.insertBefore(style, s);
})();
(function () {
var js = document.createElement("script");
js.src = "/static/h5/js/webrtc/recorder.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(js, s);
})();
(function () {
var js = document.createElement("script");
js.src = "/static/h5/js/qrcode.min.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(js, s);
})();
}, 100);
});
</script>
</body></html>