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/arc-nav-bar.scss | 214 ++++++++++++++++++++++++++---------------------------
1 files changed, 106 insertions(+), 108 deletions(-)
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;
}
}
}
--
Gitblit v1.9.3