更新
This commit is contained in:
@ -265,7 +265,6 @@ const getDepId = () => {
|
|||||||
const indexNum = ref(0) //当前展示的气泡框
|
const indexNum = ref(0) //当前展示的气泡框
|
||||||
const showNotification = ref(false) //是否自动展开提示
|
const showNotification = ref(false) //是否自动展开提示
|
||||||
const allDep = ref([]) //所有部门
|
const allDep = ref([]) //所有部门
|
||||||
|
|
||||||
const handleOpenNotification = () => {
|
const handleOpenNotification = () => {
|
||||||
clearInterval(popupTimer.value)
|
clearInterval(popupTimer.value)
|
||||||
showNotification.value = !showNotification.value;
|
showNotification.value = !showNotification.value;
|
||||||
@ -280,6 +279,7 @@ const handleOpenNotification = () => {
|
|||||||
startPopupLoop()
|
startPopupLoop()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const makerCenter = () => {
|
const makerCenter = () => {
|
||||||
const dw = require("@/assets/point/dingwei.png")
|
const dw = require("@/assets/point/dingwei.png")
|
||||||
qcckGet({}, '/mosty-gsxt/lzJcjPjdb/selectCountNew').then(res => {
|
qcckGet({}, '/mosty-gsxt/lzJcjPjdb/selectCountNew').then(res => {
|
||||||
@ -291,18 +291,15 @@ const makerCenter = () => {
|
|||||||
}
|
}
|
||||||
//播放音频
|
//播放音频
|
||||||
const ispLayBack = ref(true)
|
const ispLayBack = ref(true)
|
||||||
|
|
||||||
// 打开播放
|
// 打开播放
|
||||||
const openLayBack = () => {
|
const openLayBack = () => {
|
||||||
ispLayBack.value = true
|
ispLayBack.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
// 关闭播放
|
// 关闭播放
|
||||||
const closeLayBack = () => {
|
const closeLayBack = () => {
|
||||||
ispLayBack.value = false
|
ispLayBack.value = false
|
||||||
audioPlayer.pause()
|
audioPlayer.pause()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 初始化音频播放器
|
// 初始化音频播放器
|
||||||
const initAudioPlayer = () => {
|
const initAudioPlayer = () => {
|
||||||
// 使用工具类初始化音频播放器
|
// 使用工具类初始化音频播放器
|
||||||
@ -459,13 +456,10 @@ onUnmounted(() => {
|
|||||||
audioPlayer.destroy()
|
audioPlayer.destroy()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "@/assets/css/homeScreen.scss";
|
@import "@/assets/css/homeScreen.scss";
|
||||||
|
|
||||||
.fxq {
|
.fxq {
|
||||||
border-radius: 35px;
|
border-radius: 35px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
@ -474,7 +468,6 @@ onUnmounted(() => {
|
|||||||
transform-origin: left center;
|
transform-origin: left center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -499,32 +492,24 @@ onUnmounted(() => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fxq2 {
|
.fxq2 {
|
||||||
background-color: #9d88f9;
|
background-color: #9d88f9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fxq1:hover {
|
.fxq1:hover {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fxq2:hover {
|
.fxq2:hover {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
|
|
||||||
// background-color: red;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fxq3:hover {
|
.fxq3:hover {
|
||||||
width: 120px;
|
width: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .badge-top-left .el-badge__content {
|
::v-deep .badge-top-left .el-badge__content {
|
||||||
top: 0;
|
top: 0;
|
||||||
right: auto;
|
right: auto;
|
||||||
left: -10px;
|
left: -10px;
|
||||||
transform: translateY(-50%) translateX(-50%);
|
transform: translateY(-50%) translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-content {
|
.badge-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -535,11 +520,9 @@ onUnmounted(() => {
|
|||||||
min-height: 45px;
|
min-height: 45px;
|
||||||
/* 确保收缩时有足够空间显示第一个图标 */
|
/* 确保收缩时有足够空间显示第一个图标 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-content:not(.expanded) {
|
.badge-content:not(.expanded) {
|
||||||
max-height: 45px;
|
max-height: 45px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 收缩时只显示第一个图标,隐藏其他内容 */
|
/* 收缩时只显示第一个图标,隐藏其他内容 */
|
||||||
.badge-content:not(.expanded)> :not(:first-child) {
|
.badge-content:not(.expanded)> :not(:first-child) {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user