From 29f72c3b66c8d7a60265b3a2922bf1aaeb388210 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 18 Jun 2021 17:54:01 +0800
Subject: [PATCH] 样式调整
---
widgets/visualAngle/css/style.css | 112 +++++++++++++++++++++++++++++++++-----------------------
1 files changed, 66 insertions(+), 46 deletions(-)
diff --git a/widgets/visualAngle/css/style.css b/widgets/visualAngle/css/style.css
index d713e49..faf9d92 100644
--- a/widgets/visualAngle/css/style.css
+++ b/widgets/visualAngle/css/style.css
@@ -1,67 +1,87 @@
.jimu-widget-visualAngle {
- position: fixed;
- font-size: 14px;
- /* height: 72px !important; */
- /* line-height : 32px; */
- /* width: 216px !important; */
- /* right: auto !important; */
- /* top: auto !important; */
- /* bottom: 30px !important; */
- /* left: calc(50% - 90px) !important; */
- /* 240px */
- background: rgba(254, 254, 254, 1);
- /* border : 1px solid #000; */
- border-radius: 6px 0 0 6px;
- text-align: center;
- /* cursor : pointer; */
- z-index: 13 !important;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- justify-content: center;
+ position: fixed;
+ font-size: 14px;
+ /* height: 72px !important; */
+ /* line-height : 32px; */
+ /* width: 216px !important; */
+ /* right: auto !important; */
+ /* top: auto !important; */
+ /* bottom: 30px !important; */
+ /* left: calc(50% - 90px) !important; */
+ /* 240px */
+ background: rgba(254, 254, 254, 1);
+ /* border : 1px solid #000; */
+ border-radius: 6px 0 0 6px;
+ text-align: center;
+ /* cursor : pointer; */
+ z-index: 13 !important;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.jimu-widget-visualAngle .visualAngleOnce {
- width: 72px;
- box-sizing: border-box;
- /* border: 1px solid springgreen; */
- height: 36px;
- cursor: pointer;
- display: flex;
- align-items: center;
- justify-content: center;
- /* flex-direction: column; */
- font-size: 13px;
+ width: 72px;
+ height: 36px;
+ line-height: 36px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+}
+
+.jimu-widget-visualAngle .visualAngleOnce>div {
+ width: 100%;
+ height: 24px;
+ border-right: 1px solid #DDDDDD;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+}
+
+.jimu-widget-visualAngle .visualAngleOnce:hover .v-a-o-title {
+ text-decoration: underline;
}
.jimu-widget-visualAngle .visualAngleOnce .v-a-o-title {
- color: #969696 !important;
- position: relative;
- left: 3px;
+ color: #838383 !important;
+ position: relative;
+ left: 3px;
}
.jimu-widget-visualAngle .visualAngleOnce.on {
- background-color: #3F9DFD;
+ background-color: #3F9DFD;
}
-.jimu-widget-visualAngle .visualAngleOnce.on img, .jimu-widget-visualAngle .visualAngleOnce.on div {
- filter: grayscale(100%) brightness(200%);
+.jimu-widget-visualAngle .visualAngleOnce.on img,
+.jimu-widget-visualAngle .visualAngleOnce.on div {
+ filter: grayscale(100%) brightness(200%);
}
.jimu-widget-visualAngle .visualAngleOnce:nth-child(1) {
- border-radius: 6px 0 0 6px;
- border-right: 1px solid rgba(155, 155, 155, 0.2);
+ border-radius: 6px 0 0 6px;
}
.jimu-widget-visualAngle .visualAngleOnce:nth-child(3) {
- /* border-radius: 0 6px 6px 0; */
- border-left: 1px solid rgba(155, 155, 155, 0.2);
+ /* border-radius: 0 6px 6px 0; */
}
-.jimu-widget-visualAngle .v-a-o-img {
- position: relative;
- top: 5px;
- left: -2px;
- width: 20px;
- margin-bottom: 8px;
+.jimu-widget-visualAngle .v-a-Two i {
+ width: 14px;
+ height: 14px;
+ margin-right: 4px;
+ vertical-align: middle;
+ background: url(../../../images/漫游体验.png) no-repeat;
+ background-size: 100% 100%;
+}
+
+.jimu-widget-visualAngle .v-a-Three i {
+ width: 14px;
+ height: 14px;
+ margin-right: 4px;
+ vertical-align: middle;
+ background: url(../../../images/固定视角.png) no-repeat;
+ background-size: 100% 100%;
}
\ No newline at end of file
--
Gitblit v1.9.3