Commit 27c210a8 by chenshu

feat:完善各页面

parent 1f8983fd
...@@ -203,7 +203,7 @@ class Home extends React.Component { ...@@ -203,7 +203,7 @@ class Home extends React.Component {
containerTpl: '<div class="g2-tooltip" style="background: #fff !important;">' containerTpl: '<div class="g2-tooltip" style="background: #fff !important;">'
+ '<div class="g2-tooltip-title" style="margin:10px 0;"></div>' + '<div class="g2-tooltip-title" style="margin:10px 0;"></div>'
+ '<ul class="g2-tooltip-list"></ul></div>', // tooltip 容器模板 + '<ul class="g2-tooltip-list"></ul></div>', // tooltip 容器模板
itemTpl: '<li data-index={index} style="color: #333 !important"><span style="background-color:{color};width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;"></span>{name}<span style="display: inline-block; float: right; margin-left: 30px;">{value}</span></li>', // tooltip 每项记录的默认模板 itemTpl: '<li data-index={index}><span style="background-color:{color};width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;"></span>{name}<span style="display: inline-block; float: right; margin-left: 30px;">{value}</span></li>', // tooltip 每项记录的默认模板
}) })
this._chart.render(); this._chart.render();
} }
......
...@@ -347,6 +347,23 @@ ...@@ -347,6 +347,23 @@
.g2-tooltip { .g2-tooltip {
background-color: #fff !important; background-color: #fff !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
opacity: 0.9;
.g2-tooltip-title {
margin-top: 0 !important;
color: #999;
font-size: 14px;
}
.g2-tooltip-list {
li,span {
display: flex;
align-items: center;
font-size: 14px;
color: #666 !important;
}
}
} }
.data-plan-tooltip { .data-plan-tooltip {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment