From df1c052d1f0d368cb78ebb1831980745bca11edc Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 10 Jun 2021 11:56:18 +0800
Subject: [PATCH] 数据图表的查询渲染

---
 widgets/visualAngle/css/style.css |   52 +++++++++++++++++++++++++++++++---------------------
 1 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/widgets/visualAngle/css/style.css b/widgets/visualAngle/css/style.css
index 1d0b32a..1d0925f 100644
--- a/widgets/visualAngle/css/style.css
+++ b/widgets/visualAngle/css/style.css
@@ -1,32 +1,31 @@
 .jimu-widget-visualAngle {
-  position     : fixed;
-  font-size    : 14px;
-  height       : 60px !important;
+  position: fixed;
+  font-size: 14px;
+  height: 72px !important;
   /* line-height  : 32px; */
-  width        : 179px !important;
+  width: 216px !important;
   right: auto !important;
   top: auto !important;
-  bottom: 100px !important;
+  bottom: 30px !important;
   left: calc(50% - 90px) !important;
   /* 240px */
-  background   : rgba(255, 255, 255, 1);
-  color        : #fff;
+  background: rgba(255, 255, 255, 1);
   /* border : 1px solid #000; */
   border-radius: 6px;
-  text-align   : center;
+  text-align: center;
   /* cursor       : pointer; */
-  z-index      : 10 !important;
+  z-index: 10 !important;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.jimu-widget-visualAngle .visualAngleOnce{
-  width: 60px;
+.jimu-widget-visualAngle .visualAngleOnce {
+  width: 72px;
   box-sizing: border-box;
   /* border: 1px solid springgreen; */
-  height: 60px;
+  height: 72px;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -35,20 +34,31 @@
   font-size: 13px;
 
 }
-.jimu-widget-visualAngle .visualAngleOnce:nth-child(1){
-  border-radius: 6px 0 0 6px;
-  border-right: 1px solid rgba(155, 155, 155, 0.2);
+
+.jimu-widget-visualAngle .visualAngleOnce .v-a-o-title {
+  color: #969696 !important;
+}
+
+.jimu-widget-visualAngle .visualAngleOnce.on {
   background-color: #3F9DFD;
 }
-.jimu-widget-visualAngle .visualAngleOnce:nth-child(2){
-  color: #000;
+
+.jimu-widget-visualAngle .visualAngleOnce.on img,
+.jimu-widget-visualAngle .visualAngleOnce.on div {
+  filter: grayscale(100%) brightness(200%);
 }
-.jimu-widget-visualAngle .visualAngleOnce:nth-child(3){
+
+.jimu-widget-visualAngle .visualAngleOnce:nth-child(1) {
+  border-radius: 6px 0 0 6px;
+  border-right: 1px solid rgba(155, 155, 155, 0.2);
+}
+
+.jimu-widget-visualAngle .visualAngleOnce:nth-child(3) {
   border-radius: 0 6px 6px 0;
   border-left: 1px solid rgba(155, 155, 155, 0.2);
-  color: #000;
 }
-.jimu-widget-visualAngle .v-a-o-img{
-  width: 30px;
 
+.jimu-widget-visualAngle .v-a-o-img {
+  width: 20px;
+  margin-bottom: 8px;
 }
\ No newline at end of file

--
Gitblit v1.9.3