| | |
| | | <template> |
| | | <div class="ShowEcharts"> |
| | | <div id="echarts" ref="main"></div> |
| | | <div class="border_corner border_corner_left_top"></div> |
| | | <div class="border_corner border_corner_right_top"></div> |
| | | <div class="border_corner border_corner_left_bottom"></div> |
| | | <div class="border_corner border_corner_right_bottom"></div> |
| | | <!-- 框 --> |
| | | <div class="win"> |
| | | <!-- 四个角的边框效果 --> |
| | | <div class="border_corner border_corner_left_top"></div> |
| | | <div class="border_corner border_corner_right_top"></div> |
| | | <div class="border_corner border_corner_left_bottom"></div> |
| | | <div class="border_corner border_corner_right_bottom"></div> |
| | | <div class="main"> |
| | | <div class="ShowEcharts"> |
| | | <div id="echarts" ref="main"></div> |
| | | <div class="border_corner border_corner_left_top"></div> |
| | | <div class="border_corner border_corner_right_top"></div> |
| | | <div class="border_corner border_corner_left_bottom"></div> |
| | | <div class="border_corner border_corner_right_bottom"></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .win { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: relative; |
| | | //display: inline-block; |
| | | background-color: rgba(33, 41, 69,0.9); |
| | | } |
| | | .ShowEcharts{ |
| | | position: relative; |
| | | display: inline-block; |
| | |
| | | width: 600px; |
| | | height: 260px; |
| | | } |
| | | .main { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | </style> |