fix：⚡ 修复路由权限问题，增加微信二维码进群
This commit is contained in:
zouzhibing
parent
1943e2339a
commit
ea18a476e1
|
|
@ -98,6 +98,10 @@ vue-admin-perfect
|
|||
└─ vite.config.ts # vite 配置
|
||||
```
|
||||
|
||||
### 十、微信交流群
|
||||
| 微信二维码 |
|
||||
| :----------------------------------------------------------------------------------: |
|
||||
| <img src="http://182.61.5.190:8889/we.png" width=170/> |
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -12,6 +12,12 @@ const externalLink = [{
|
|||
icon: 'link'
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'wechat',
|
||||
name: 'wechat',
|
||||
component: () => import('@/views/externalLinks/wechat/index.vue'),
|
||||
meta: { title: '加微信群', icon: 'MenuIcon' }
|
||||
},
|
||||
{
|
||||
path: 'https://github.com/zouzhibin/vue-admin-perfect',
|
||||
name: 'github',
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@ const systemRouter = [{
|
|||
name: 'system',
|
||||
meta: {
|
||||
title: '系统管理',
|
||||
icon: 'ElementPlus'
|
||||
icon: 'ElementPlus',
|
||||
roles:['other']
|
||||
},
|
||||
children: [
|
||||
{
|
||||
|
|
@ -22,19 +23,19 @@ const systemRouter = [{
|
|||
path: 'user',
|
||||
component: () => import('@/views/system/user/index.vue'),
|
||||
name: 'user',
|
||||
meta: { title: '用户管理', roles: ['other'] , icon: 'MenuIcon'}
|
||||
meta: { title: '用户管理' , icon: 'MenuIcon'}
|
||||
},
|
||||
{
|
||||
path: 'role',
|
||||
component: () => import('@/views/system/role/index.vue'),
|
||||
name: 'role',
|
||||
meta: { title: '角色管理', roles: ['other'], icon: 'MenuIcon' }
|
||||
meta: { title: '角色管理', icon: 'MenuIcon' }
|
||||
},
|
||||
{
|
||||
path: 'menu',
|
||||
component: () => import('@/views/system/menu/index.vue'),
|
||||
name: 'menu',
|
||||
meta: { title: '菜单管理', roles: ['other'] , icon: 'MenuIcon'}
|
||||
meta: { title: '菜单管理', icon: 'MenuIcon'}
|
||||
},
|
||||
]
|
||||
}]
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
export const chatData = [
|
||||
{
|
||||
is_self: 0,
|
||||
created_at: '2022-03-11',
|
||||
content: 'hello 你好呀!',
|
||||
created_at: '2022-11-15',
|
||||
content: 'http://182.61.5.190:8889/we.png',
|
||||
id: 1,
|
||||
type: 2, // 文字
|
||||
},
|
||||
{
|
||||
is_self: 1,
|
||||
|
|
@ -12,4 +13,5 @@ export const chatData = [
|
|||
id: 2,
|
||||
type: 1, // 文字
|
||||
},
|
||||
|
||||
]
|
||||
|
|
|
|||
|
|
@ -9,7 +9,15 @@
|
|||
<img src="@/assets/image/avatar.png" />
|
||||
</div>
|
||||
<div style="position: relative; display: flex">
|
||||
<div class="receive-message-info" v-html="item.content"></div>
|
||||
<div class="receive-message-info" v-html="item.content" v-if="item.type===1"></div>
|
||||
<div class="public-show-pic" v-else-if="item.type === 2">
|
||||
<el-image
|
||||
:src="item.content"
|
||||
:preview-src-list="[item.content]"
|
||||
style="max-width: 200px"
|
||||
:data-resid="Date.now()"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,25 @@
|
|||
<template>
|
||||
<u-container-layout>
|
||||
<div>
|
||||
<div style="margin-bottom: 15px"
|
||||
<div class="app-container">
|
||||
<div class="app-container-inner m-chat">
|
||||
<div style="margin-bottom: 15px;flex-shrink: 0"
|
||||
>聊天内容框，功能有发送emoji表情，上传图片，发送图片，内容滚动，发送文字</div
|
||||
>
|
||||
<u-chat-box />
|
||||
<u-chat-box class="m-chat-box"/>
|
||||
</div>
|
||||
</u-container-layout>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import UChatBox from './components/u-chartBox/index.vue'
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style lang="scss" scoped>
|
||||
.m-chat{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.m-chat-box{
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,13 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="app-container-inner">
|
||||
<div style="margin-bottom: 20px">欢迎大家加微信哈，共同讨论，学习</div>
|
||||
<el-image
|
||||
src="http://182.61.5.190:8889/we.png"
|
||||
:preview-src-list="['http://182.61.5.190:8889/we.png']"
|
||||
style="max-width: 200px"
|
||||
:data-resid="Date.now()"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -3,6 +3,13 @@
|
|||
<el-row class="row-bg" :gutter="10">
|
||||
<el-col :xs="24" :sm="12" :lg="8">
|
||||
<el-card class="box-card" style="height: 100%">
|
||||
<el-image
|
||||
class="wechat"
|
||||
src="http://182.61.5.190:8889/we.png"
|
||||
:preview-src-list="['http://182.61.5.190:8889/we.png']"
|
||||
style="max-width: 200px"
|
||||
:data-resid="Date.now()"
|
||||
/>
|
||||
<div class="personal">
|
||||
<div>
|
||||
<el-avatar :size="50" :src="AvatarLogo" />
|
||||
|
|
@ -17,7 +24,7 @@
|
|||
<div>性别：男</div>
|
||||
<div>现住址：中国-浙江-杭州</div>
|
||||
<div>邮箱：1135957121@qq.com</div>
|
||||
<div>微信：19550102670(欢迎加)</div>
|
||||
<div>微信：19550102670(欢迎加微信入群)</div>
|
||||
<div>技术栈：JavaScript、HTML、CSS、Vue、Node、React</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
|
|
@ -222,8 +229,15 @@
|
|||
|
||||
.box-card {
|
||||
//height: 100%;
|
||||
position: relative;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
.wechat{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.card-item {
|
||||
background: linear-gradient(50deg, #1890ff, #77e19d);
|
||||
|
|
|
|||
Loading…
Reference in New Issue