From 5cf33b2b4217dbe50e7fa0599e09e0ee8ae63db4 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 15 Feb 2022 15:33:02 +0800
Subject: [PATCH] 样式修改
---
src/styles/pcpage/publicBox/org-nav-bar.scss | 163 ++++++++--------
src/styles/pcpage/publicBox/service-nav-bar.scss | 214 ++++++++++----------
src/components/map/components/campusBuildingSearch.vue | 4
src/styles/pcpage/publicBox/arc-nav-bar.scss | 214 ++++++++++----------
4 files changed, 295 insertions(+), 300 deletions(-)
diff --git a/src/components/map/components/campusBuildingSearch.vue b/src/components/map/components/campusBuildingSearch.vue
index 2868f35..0ec2e0f 100644
--- a/src/components/map/components/campusBuildingSearch.vue
+++ b/src/components/map/components/campusBuildingSearch.vue
@@ -160,6 +160,8 @@
if (res.data.data.length > 0) {
this.$store.commit('SET_SEARCHPOPUPFLAG', true)
this.$store.commit('SET_SEARCHPOPUPLIST', res.data.data)
+ this.searchInput = ''
+ this.searchValList = []
this.searchValShow = false
}
})
@@ -259,7 +261,7 @@
() => {
},
- 3
+ 0.5
)
},
diff --git a/src/styles/pcpage/publicBox/arc-nav-bar.scss b/src/styles/pcpage/publicBox/arc-nav-bar.scss
index 2a7a03f..43d5363 100644
--- a/src/styles/pcpage/publicBox/arc-nav-bar.scss
+++ b/src/styles/pcpage/publicBox/arc-nav-bar.scss
@@ -9,130 +9,128 @@
z-index: 99;
font-size: 14px;
- .container {
- .header {
- position: relative;
- border-radius: 8px 8px 0 0;
- width: 100%;
- height: 36px;
- line-height: 36px;
- background: rgba(0, 131, 176, 0.7);
- /* fallback for old browsers */
- background: -webkit-linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ .header {
+ position: relative;
+ border-radius: 8px 8px 0 0;
+ width: 100%;
+ height: 36px;
+ line-height: 36px;
+ background: rgba(0, 131, 176, 0.7);
+ /* fallback for old browsers */
+ background: -webkit-linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- .title {
- padding-left: 10px;
+ .title {
+ padding-left: 10px;
- img {
- width: 20px;
- height: 20px;
- vertical-align: middle;
- }
-
- span {
- margin-left: 6px;
- display: inline-block;
- vertical-align: middle;
- color: #fff;
- }
+ img {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
}
- .close {
- position: absolute;
- right: 6px;
- top: 0;
- left: auto;
- bottom: 0;
- margin: auto;
- width: 14px;
- height: 14px;
- cursor: pointer;
+ span {
+ margin-left: 6px;
+ display: inline-block;
+ vertical-align: middle;
+ color: #fff;
}
}
- .content {
- clear: both;
- width: 100%;
- height: 440px;
- margin-top: 0px;
- text-align: center;
- overflow-y: auto;
- background: rgba(0, 131, 176, 0.7);
- /* fallback for old browsers */
- background: -webkit-linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- border-radius: 0 0 8px 8px;
+ .close {
+ position: absolute;
+ right: 6px;
+ top: 0;
+ left: auto;
+ bottom: 0;
+ margin: auto;
+ width: 14px;
+ height: 14px;
+ cursor: pointer;
+ }
+ }
- .tab {
- height: 42px;
- border-bottom: 1px solid #ccc;
+ .content {
+ clear: both;
+ width: 100%;
+ height: 440px;
+ margin-top: 0px;
+ text-align: center;
+ overflow-y: auto;
+ background: rgba(0, 131, 176, 0.7);
+ /* fallback for old browsers */
+ background: -webkit-linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ border-radius: 0 0 8px 8px;
- ul {
- display: flex;
- padding: 0;
-
- li {
- padding: 0;
- flex: 1;
- height: 42px;
- line-height: 42px;
- color: #fff;
- text-align: center;
- border: none;
- cursor: pointer;
- }
-
- li.on {
- border-bottom: 1px solid yellow;
- color: yellow;
- }
- }
- }
+ .tab {
+ height: 42px;
+ border-bottom: 1px solid #ccc;
ul {
- padding: 15px;
- padding-top: 4px;
+ display: flex;
+ padding: 0;
li {
- padding-left: 24px;
- position: relative;
- height: 40px;
- line-height: 40px;
- list-style: none;
- border-bottom: 1px dashed #ccc;
- text-align: left;
+ padding: 0;
+ flex: 1;
+ height: 42px;
+ line-height: 42px;
+ color: #fff;
+ text-align: center;
+ border: none;
+ cursor: pointer;
+ }
- img {
- position: absolute;
- left: 0;
- right: auto;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 14px;
- }
+ li.on {
+ border-bottom: 1px solid yellow;
+ color: yellow;
+ }
+ }
+ }
- span {
- color: #fff;
- cursor: pointer;
- }
+ ul {
+ padding: 15px;
+ padding-top: 4px;
- span:hover {
- text-decoration: underline;
- }
+ li {
+ padding-left: 24px;
+ position: relative;
+ height: 40px;
+ line-height: 40px;
+ list-style: none;
+ border-bottom: 1px dashed #ccc;
+ text-align: left;
+
+ img {
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ width: 14px;
+ }
+
+ span {
+ color: #fff;
+ cursor: pointer;
+ }
+
+ span:hover {
+ text-decoration: underline;
}
}
}
diff --git a/src/styles/pcpage/publicBox/org-nav-bar.scss b/src/styles/pcpage/publicBox/org-nav-bar.scss
index 7d71ec0..a308660 100644
--- a/src/styles/pcpage/publicBox/org-nav-bar.scss
+++ b/src/styles/pcpage/publicBox/org-nav-bar.scss
@@ -9,105 +9,102 @@
z-index: 999;
font-size: 14px;
- .container {
- .header {
- position: relative;
- border-radius: 8px 8px 0 0;
- width: 100%;
- height: 36px;
- line-height: 36px;
- background: rgba(0, 131, 176, 0.7); /* fallback for old browsers */
- background: -webkit-linear-gradient(
- to left,
+ .header {
+ position: relative;
+ border-radius: 8px 8px 0 0;
+ width: 100%;
+ height: 36px;
+ line-height: 36px;
+ background: rgba(0, 131, 176, 0.7);
+ /* fallback for old browsers */
+ background: -webkit-linear-gradient(to left,
rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7)
- ); /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(
- to left,
+ rgba(0, 131, 176, 0.7));
+ /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to left,
rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7)
- ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ rgba(0, 131, 176, 0.7));
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- .title {
- padding-left: 10px;
+ .title {
+ padding-left: 10px;
- img {
- width: 20px;
- height: 20px;
- vertical-align: middle;
- }
-
- span {
- margin-left: 6px;
- display: inline-block;
- vertical-align: middle;
- color: #fff;
- }
+ img {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
}
- .close {
- position: absolute;
- right: 6px;
- top: 0;
- left: auto;
- bottom: 0;
- margin: auto;
- width: 14px;
- height: 14px;
- cursor: pointer;
+ span {
+ margin-left: 6px;
+ display: inline-block;
+ vertical-align: middle;
+ color: #fff;
}
}
- .content {
- clear: both;
- width: 100%;
- height: 440px;
- margin-top: 0px;
- text-align: center;
- overflow-y: auto;
- background: rgba(0, 131, 176, 0.7); /* fallback for old browsers */
- background: -webkit-linear-gradient(
- to left,
+ .close {
+ position: absolute;
+ right: 6px;
+ top: 0;
+ left: auto;
+ bottom: 0;
+ margin: auto;
+ width: 14px;
+ height: 14px;
+ cursor: pointer;
+ }
+ }
+
+ .content {
+ clear: both;
+ width: 100%;
+ height: 440px;
+ margin-top: 0px;
+ text-align: center;
+ overflow-y: auto;
+ background: rgba(0, 131, 176, 0.7);
+ /* fallback for old browsers */
+ background: -webkit-linear-gradient(to left,
rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7)
- ); /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(
- to left,
+ rgba(0, 131, 176, 0.7));
+ /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to left,
rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7)
- ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- border-radius: 0 0 8px 8px;
+ rgba(0, 131, 176, 0.7));
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ border-radius: 0 0 8px 8px;
- ul {
- padding: 15px;
- padding-top: 4px;
+ ul {
+ padding: 15px;
+ padding-top: 4px;
- li {
- padding-left: 24px;
- position: relative;
- height: 40px;
- line-height: 40px;
- list-style: none;border-bottom: 1px dashed #ccc;
- text-align: left;
+ li {
+ padding-left: 24px;
+ position: relative;
+ height: 40px;
+ line-height: 40px;
+ list-style: none;
+ border-bottom: 1px dashed #ccc;
+ text-align: left;
- img {
- position: absolute;
- left: 0;
- right: auto;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 14px;
- }
+ img {
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ width: 14px;
+ }
- span {
- color: #fff;
- cursor: pointer;
- }
+ span {
+ color: #fff;
+ cursor: pointer;
+ }
- span:hover {
- text-decoration: underline;
- }
+ span:hover {
+ text-decoration: underline;
}
}
}
diff --git a/src/styles/pcpage/publicBox/service-nav-bar.scss b/src/styles/pcpage/publicBox/service-nav-bar.scss
index c5eba95..4f0400f 100644
--- a/src/styles/pcpage/publicBox/service-nav-bar.scss
+++ b/src/styles/pcpage/publicBox/service-nav-bar.scss
@@ -9,130 +9,128 @@
z-index: 999;
font-size: 14px;
- .container {
- .header {
- position: relative;
- border-radius: 8px 8px 0 0;
- width: 100%;
- height: 36px;
- line-height: 36px;
- background: rgba(0, 131, 176, 0.7);
- /* fallback for old browsers */
- background: -webkit-linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ .header {
+ position: relative;
+ border-radius: 8px 8px 0 0;
+ width: 100%;
+ height: 36px;
+ line-height: 36px;
+ background: rgba(0, 131, 176, 0.7);
+ /* fallback for old browsers */
+ background: -webkit-linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- .title {
- padding-left: 10px;
+ .title {
+ padding-left: 10px;
- img {
- width: 20px;
- height: 20px;
- vertical-align: middle;
- }
-
- span {
- margin-left: 6px;
- display: inline-block;
- vertical-align: middle;
- color: #fff;
- }
+ img {
+ width: 20px;
+ height: 20px;
+ vertical-align: middle;
}
- .close {
- position: absolute;
- right: 6px;
- top: 0;
- left: auto;
- bottom: 0;
- margin: auto;
- width: 14px;
- height: 14px;
- cursor: pointer;
+ span {
+ margin-left: 6px;
+ display: inline-block;
+ vertical-align: middle;
+ color: #fff;
}
}
- .content {
- clear: both;
- width: 100%;
- height: 440px;
- margin-top: 0px;
- text-align: center;
- overflow-y: auto;
- background: rgba(0, 131, 176, 0.7);
- /* fallback for old browsers */
- background: -webkit-linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* Chrome 10-25, Safari 5.1-6 */
- background: linear-gradient(to left,
- rgba(0, 180, 219, 0.7),
- rgba(0, 131, 176, 0.7));
- /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
- border-radius: 0 0 8px 8px;
+ .close {
+ position: absolute;
+ right: 6px;
+ top: 0;
+ left: auto;
+ bottom: 0;
+ margin: auto;
+ width: 14px;
+ height: 14px;
+ cursor: pointer;
+ }
+ }
- .tab {
- height: 42px;
- border-bottom: 1px solid #ccc;
+ .content {
+ clear: both;
+ width: 100%;
+ height: 440px;
+ margin-top: 0px;
+ text-align: center;
+ overflow-y: auto;
+ background: rgba(0, 131, 176, 0.7);
+ /* fallback for old browsers */
+ background: -webkit-linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to left,
+ rgba(0, 180, 219, 0.7),
+ rgba(0, 131, 176, 0.7));
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ border-radius: 0 0 8px 8px;
- ul {
- display: flex;
- padding: 0;
-
- li {
- padding: 0;
- flex: 1;
- height: 42px;
- line-height: 42px;
- color: #fff;
- text-align: center;
- border: none;
- cursor: pointer;
- }
-
- li.on {
- border-bottom: 1px solid yellow;
- color: yellow;
- }
- }
- }
+ .tab {
+ height: 42px;
+ border-bottom: 1px solid #ccc;
ul {
- padding: 15px;
- padding-top: 4px;
+ display: flex;
+ padding: 0;
li {
- padding-left: 24px;
- position: relative;
- height: 40px;
- line-height: 40px;
- list-style: none;
- border-bottom: 1px dashed #ccc;
- text-align: left;
+ padding: 0;
+ flex: 1;
+ height: 42px;
+ line-height: 42px;
+ color: #fff;
+ text-align: center;
+ border: none;
+ cursor: pointer;
+ }
- img {
- position: absolute;
- left: 0;
- right: auto;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 14px;
- }
+ li.on {
+ border-bottom: 1px solid yellow;
+ color: yellow;
+ }
+ }
+ }
- span {
- color: #fff;
- cursor: pointer;
- }
+ ul {
+ padding: 15px;
+ padding-top: 4px;
- span:hover {
- text-decoration: underline;
- }
+ li {
+ padding-left: 24px;
+ position: relative;
+ height: 40px;
+ line-height: 40px;
+ list-style: none;
+ border-bottom: 1px dashed #ccc;
+ text-align: left;
+
+ img {
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ width: 14px;
+ }
+
+ span {
+ color: #fff;
+ cursor: pointer;
+ }
+
+ span:hover {
+ text-decoration: underline;
}
}
}
--
Gitblit v1.9.3