From fb2bf08ea4c74e09c557c975689176b3e8683e44 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期六, 09 十月 2021 18:55:30 +0800
Subject: [PATCH] 样式修改v1
---
src/pages/vindicate/index/App.vue | 22 ++++++++++++++++------
1 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/src/pages/vindicate/index/App.vue b/src/pages/vindicate/index/App.vue
index 6503f60..a8a86ce 100644
--- a/src/pages/vindicate/index/App.vue
+++ b/src/pages/vindicate/index/App.vue
@@ -1,5 +1,5 @@
<template>
- <div class="container" v-if="!showWelcome">
+ <div class="container vindicate" v-if="!showWelcome">
<div class="container-left">
<div
class="left-card"
@@ -127,6 +127,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}`)
+ }
+ })
},
methods: {
openMenu(item, i) {
@@ -281,7 +288,7 @@
background-color: rgba(251, 251, 255, 0.1);
backdrop-filter: blur(4px);
float: left;
- width: 46%;
+ width: 442px;
height: 190px;
margin: 0 15px;
margin-bottom: 30px;
@@ -314,11 +321,11 @@
}
}
}
- .nav-child:hover {
+ // .nav-child:hover {
// box-shadow: 4px 4px 12px rgb(218, 218, 218);
// transform: translate3d(0, -1px, 0);
// transition: all 0.3s;
- }
+ // }
}
}
@@ -336,10 +343,9 @@
overflow: auto;
box-sizing: border-box;
flex-shrink: 0;
- padding: 17px 10px 0 10px;
+ padding: 13px 10px 0 10px;
box-sizing: border-box;
background: #fff;
- border-top:2px solid #E1E0E6 ;
.left-card {
position: relative;
width: 224px;
@@ -392,6 +398,10 @@
}
}
+
+.vindicate {
+ border-top:2px solid #E1E0E6 ;
+}
</style>
--
Gitblit v1.8.0