blue
3 years ago
committed by
Gitee
Gitee
42 changed files with 731 additions and 367 deletions
@ -1,7 +1,8 @@ |
|||
|
|||
ENV = 'development' |
|||
|
|||
# app名称 |
|||
VUE_APP_NAME = "盒子IM" |
|||
// 接口请求地址 |
|||
VUE_APP_BASE_API = '/api' |
|||
|
|||
# ws地址 |
|||
VUE_APP_WS_URL = 'ws://localhost:8878/im' |
|||
@ -1,6 +1,8 @@ |
|||
ENV = 'production' |
|||
|
|||
# app名称 |
|||
VUE_APP_NAME = "盒子IM" |
|||
# 接口地址 |
|||
VUE_APP_BASE_API = 'https://8.134.92.70:443/api' |
|||
|
|||
# ws地址 |
|||
VUE_APP_WS_URL = 'wss://8.134.92.70:81/im' |
|||
@ -0,0 +1,43 @@ |
|||
@font-face { |
|||
font-family: "iconfont"; /* Project id 3776657 */ |
|||
src: url('iconfont.woff2?t=1668665799410') format('woff2'), |
|||
url('iconfont.woff?t=1668665799410') format('woff'), |
|||
url('iconfont.ttf?t=1668665799410') format('truetype'); |
|||
} |
|||
|
|||
.iconfont { |
|||
font-family: "iconfont" !important; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
.icon-biaoqing:before { |
|||
content: "\e60c"; |
|||
} |
|||
|
|||
.icon-youyinpin:before { |
|||
content: "\e649"; |
|||
} |
|||
|
|||
.icon-audio:before { |
|||
content: "\e800"; |
|||
} |
|||
|
|||
.icon-group_fill:before { |
|||
content: "\e7f4"; |
|||
} |
|||
|
|||
.icon-yinpin:before { |
|||
content: "\e68a"; |
|||
} |
|||
|
|||
.icon-emoji:before { |
|||
content: "\e6f6"; |
|||
} |
|||
|
|||
.icon-voiceprint:before { |
|||
content: "\e953"; |
|||
} |
|||
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,63 @@ |
|||
<template> |
|||
<div class="right-menu-mask" @click="close()" @contextmenu.prevent="close()"> |
|||
<div class="right-menu" :style="{'left':pos.x+'px','top':pos.y+'px'}"> |
|||
<el-menu background-color="#f5f5f5" text-color="#333333"> |
|||
<el-menu-item v-for="(item) in items" :key="item.key" :title="item.name" @click="handleSelectMenu(item)"> |
|||
<i :class="item.icon"></i> |
|||
<span>{{item.name}}</span> |
|||
</el-menu-item> |
|||
</el-menu> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "rightMenu", |
|||
data() { |
|||
return {} |
|||
}, |
|||
props: { |
|||
pos: { |
|||
type: Object |
|||
}, |
|||
items:{ |
|||
type: Array |
|||
} |
|||
}, |
|||
methods:{ |
|||
close(){ |
|||
this.$emit("close"); |
|||
}, |
|||
handleSelectMenu(item){ |
|||
this.$emit("select",item); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.right-menu-mask { |
|||
position: fixed; |
|||
left: 0; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 9999; |
|||
} |
|||
|
|||
.right-menu { |
|||
position: fixed; |
|||
|
|||
.el-menu-item { |
|||
height: 40px; |
|||
line-height: 40px; |
|||
|
|||
i { |
|||
color: #333333; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue