From 878ce80ef3ca88a2c108fbc713cd6ea461c44de1 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 13 十月 2021 13:51:03 +0800
Subject: [PATCH] 拓扑图
---
src/pages/vindicate/index/App.vue | 37 ++++++++++++++++++++++++++++++++++---
1 files changed, 34 insertions(+), 3 deletions(-)
diff --git a/src/pages/vindicate/index/App.vue b/src/pages/vindicate/index/App.vue
index a8a86ce..2509b6e 100644
--- a/src/pages/vindicate/index/App.vue
+++ b/src/pages/vindicate/index/App.vue
@@ -20,7 +20,7 @@
<sysInfo v-if="activePage == 3" style="width: 100%" ref="view_3"></sysInfo>
</div>
- <div class="welcome-page" v-else ref="curPage">
+ <div class="welcome-page" v-else ref="curPage" @click="showRecomand = false">
<div
class="search-box"
:class="showRecomand ? 'border-change' : ''"
@@ -110,6 +110,7 @@
full: 0,
showWelcome:true,
searchText:'',
+ showRecomand:false
};
},
created() {
@@ -198,7 +199,7 @@
position: fixed;
left: calc(50% - 166px);
top: 50px;
- background: rgba(255, 255, 255, 0.8);
+ opacity: 0.8;
border: 2px solid #4e94ff;
box-sizing: border-box;
@@ -231,6 +232,29 @@
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
font-weight: bold;
+
+ &::-webkit-input-placeholder { /* WebKit browsers */
+ color: #828282;
+ font-weight: normal;
+ font-size: 14px;
+ }
+ &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+ color: #828282;
+ font-weight: normal;
+ font-size: 14px;
+ }
+ &::-moz-placeholder { /* Mozilla Firefox 19+ */
+ color: #828282;
+ font-weight: normal;
+ font-size: 14px;
+ }
+ &:-ms-input-placeholder { /* Internet Explorer 10+ */
+ color: #828282;
+ font-weight: normal;
+ font-size: 14px;
+
+ }
+
}
.el-input__suffix {
display: flex;
@@ -253,6 +277,7 @@
.search-res {
max-height: 240px;
overflow: auto;
+ background-color: rgba(255, 255, 255, 0.5);
.res-bar {
height: 40px;
line-height: 40px;
@@ -297,6 +322,12 @@
justify-content: center;
align-items: center;
cursor: pointer;
+ border: 2px solid #F2F2F7;
+
+ &:hover {
+ border: 2px solid #4E94FF;
+ background: #F2F2F7;
+ }
// box-shadow: 2px 2px 4px rgb(226, 226, 226);
.child-info {
@@ -310,7 +341,7 @@
img {
width: 64px;
margin: 0 auto;
- margin-top: 65px;
+ margin-top: 61px;
height: 50px;
}
.welcome-title {
--
Gitblit v1.8.0