github
/
jeecg-boot-vue3
mirror of https://github.com/jeecgboot/jeecgboot-vue3
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

修复系统提醒图标，没有随着主题色变

pull/170/head^2
zhangdaiscott 2022-09-22 23:49:47 +08:00
parent 865a0075e0
commit 0b5dc1db62
1 changed files with 5 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/layouts/default/header/components/notify/index.vue
View File

@ -1,16 +1,14 @@
<template> <template>
<div class="msg-clock" :class="prefixCls"> <div :class="prefixCls">
<Badge :count="count" :overflowCount="9" :offset="[-4, 2]" :numberStyle="numberStyle" @click="clickBadge"> <Badge :count="count" :overflowCount="9" :offset="[-4, 10]" :numberStyle="numberStyle" @click="clickBadge">
<BellOutlined /> <BellOutlined />
</Badge> </Badge>
<DynamicNotice ref="dynamicNoticeRef" v-bind="dynamicNoticeProps" /> <DynamicNotice ref="dynamicNoticeRef" v-bind="dynamicNoticeProps" />
<DetailModal @register="registerDetail" /> <DetailModal @register="registerDetail" />
<sys-message-modal @register="registerMessageModal" @refresh="reloadCount"></sys-message-modal> <sys-message-modal @register="registerMessageModal" @refresh="reloadCount"></sys-message-modal>
</div> </div>
<div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, ref, unref, reactive, onMounted, getCurrentInstance } from 'vue'; import { computed, defineComponent, ref, unref, reactive, onMounted, getCurrentInstance } from 'vue';
@ -33,7 +31,6 @@
import SysMessageModal from '/@/views/system/message/components/SysMessageModal.vue' import SysMessageModal from '/@/views/system/message/components/SysMessageModal.vue'
export default defineComponent({ export default defineComponent({
inheritAttrs: false,
components: { components: {
Popover, Popover,
BellOutlined, BellOutlined,
@ -70,7 +67,7 @@
} }
openMessageModal(true, {}) openMessageModal(true, {})
} }
const popoverVisible = ref<boolean>(false); const popoverVisible = ref<boolean>(false);
onMounted(() => { onMounted(() => {
initWebSocket(); initWebSocket();
@ -215,9 +212,6 @@
padding: 12px 24px; padding: 12px 24px;
transition: background-color 300ms; transition: background-color 300ms;
&:hover {
background-color: #e6f7ff;
}
} }
.bottom-buttons { .bottom-buttons {
@ -288,12 +282,5 @@
} }
} }
} }
/** VUEN-2222 鼠标放上去，怎么不是手势*/
.msg-clock{
cursor: pointer;
&:hover{
background-color: #f6f6f6;
}
}
</style> </style>