| | |
| | | |
| | | <div class="switch-container"> |
| | | <div class="switch-item" v-for="(item,index) in switchList" :key="index" @click="navigateToOthers(item,index)" |
| | | :style="{backgroundColor:activeIndex===index?'#848284':'#6B6D6B',color:activeIndex==index?'#27A2DB':'#000'}"> |
| | | {{item.label}} |
| | | :style="{color:activeIndex==index?'#27A2DB':'#000'}"> |
| | | <img src="@/assets/navigateImg.png"> |
| | | <span>{{item.label}}</span> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | } |
| | | }, |
| | | |
| | | |
| | | /** |
| | | * 窗口尺寸变化时触发 |
| | | * 调整图表尺寸以适应分辨率 |
| | |
| | | flex: 1; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | position: relative; |
| | | |
| | | span { |
| | | position: relative; |
| | | z-index: 1; |
| | | } |
| | | img { |
| | | width: 100%; |
| | | height: 100%; |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | } |
| | | } |
| | | } |
| | | |