From a6f495032e2edd41f3fed538daaa40a3287e5754 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期五, 15 十月 2021 17:51:32 +0800
Subject: [PATCH] 10.15bug修复
---
src/pages/vindicate/index/App.vue | 30 ++++++++++++++++++++++++------
1 files changed, 24 insertions(+), 6 deletions(-)
diff --git a/src/pages/vindicate/index/App.vue b/src/pages/vindicate/index/App.vue
index 2509b6e..aedbc6a 100644
--- a/src/pages/vindicate/index/App.vue
+++ b/src/pages/vindicate/index/App.vue
@@ -1,5 +1,6 @@
<template>
<div class="container vindicate" v-if="!showWelcome">
+
<div class="container-left">
<div
class="left-card"
@@ -20,7 +21,7 @@
<sysInfo v-if="activePage == 3" style="width: 100%" ref="view_3"></sysInfo>
</div>
- <div class="welcome-page" v-else ref="curPage" @click="showRecomand = false">
+ <div class="welcome-page" v-else ref="curPage" @click="showRecomand = false" @mouseup="mouseDownIndex = ''">
<div
class="search-box"
:class="showRecomand ? 'border-change' : ''"
@@ -60,6 +61,8 @@
@click="openWelcome(i)"
v-for="(item, i) in menuArr"
:key="i"
+ @mousedown="mouseDownIndex = i"
+ :class="mouseDownIndex === i? 'nav-child-active':''"
>
<div class="child-info">
<!-- <span class="icon iconfont welcome-icon">{{ item.icon }}</span> -->
@@ -110,7 +113,8 @@
full: 0,
showWelcome:true,
searchText:'',
- showRecomand:false
+ showRecomand:false,
+ mouseDownIndex:''
};
},
created() {
@@ -128,12 +132,13 @@
// });
}
this.getLeftPer()
- console.log(99999);
window.addEventListener("message",(e)=>{
- console.log(999);
if(e.data.msg === 'changeColor') {
document.documentElement.style.setProperty('--colorCard',`${e.data.color}`)
- }
+ }
+ if (e.data.msg === '杩斿洖绯荤粺缁存姢') {
+ this.showWelcome = true
+ }
})
},
methods: {
@@ -308,6 +313,8 @@
}
}
.nav-items {
+ max-width: 960px;
+ margin: 0 auto;
.nav-child {
box-sizing: border-box;
background-color: rgba(251, 251, 255, 0.1);
@@ -325,8 +332,11 @@
border: 2px solid #F2F2F7;
&:hover {
- border: 2px solid #4E94FF;
background: #F2F2F7;
+ }
+
+ &-active {
+ border: 2px solid #4E94FF;
}
// box-shadow: 2px 2px 4px rgb(226, 226, 226);
@@ -368,6 +378,14 @@
flex: 1;
flex-basis: auto;
box-sizing: border-box;
+ position: relative;
+
+ .back {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+
.container-left {
height: 100%;
width: 244px;
--
Gitblit v1.8.0