You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.3 KiB
29 lines
1.3 KiB
<div class="base-header">
|
|
<div class="left-wrapper">
|
|
<i-input class="search_box" prefix="ios-search" placeholder="搜索用户名称" @on-enter="bindSearch"
|
|
@on-change="inputChange" type="text"></i-input>
|
|
<div class="user_info">
|
|
<img :src="kefuInfo.avatar">
|
|
<span>{{kefuInfo.nickname}}</span>
|
|
<div class="status-box">
|
|
<div class="status" :class="online ? 'on':'off'" @click.stop="setOnline">
|
|
<span class="dot"></span>
|
|
{{online ? '在线': '下线'}}
|
|
</div>
|
|
|
|
<div class="online-down" v-show="isOnline">
|
|
<div class="item" @click.stop="changeOnline(true)"><span class="iconfont iconduihao"
|
|
v-if="online"></span><i class="green"></i>在线</div>
|
|
<div class="item" @click.stop="changeOnline(false)"><span class="iconfont iconduihao"
|
|
v-if="!online"></span><i></i>下线</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="out-btn" @click.stop="outLogin">退出登录</div>
|
|
</div>
|
|
<div class="right-menu">
|
|
<div class="menu-item" :class="{on:index == curIndex }" v-for="(item,index) in menuList" :key="index"
|
|
@click.stop="selectTab(item)">{{item.title}}</div>
|
|
</div>
|
|
</div> |