| | |
| | | <template> |
| | | <div class="summary-sheets"> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="" placement="left"> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="报表" placement="left"> |
| | | <div :class='["iconBtn",subtopic ? "active-button" : ""]' @click="subtopicBtn" > |
| | | <i class="el-icon-tickets icon"></i> |
| | | </div> |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .animationChange-enter-active, .animationChange-leave-active { |
| | | transition: all 0.5s; |
| | | } |
| | | |
| | | .animationChange-enter, .animationChange-leave-to { |
| | | opacity: 0; |
| | | transform: translateX(-100px); |
| | | } |
| | | |
| | | <style lang="less"> |
| | | .summary-sheets { |
| | | position: absolute; |
| | | display: inline-flex; |
| | |
| | | display: inline-flex; |
| | | .iconBtn{ |
| | | margin-left: 0.03rem; |
| | | border-color:#DCDFE6; |
| | | color:#fff; |
| | | border-color:#00fff6; |
| | | color:#00fff6; |
| | | } |
| | | .iconBtn.active-button{ |
| | | //border-color:#00fff6 !important; |
| | |
| | | top: 15%; |
| | | left: 3rem; |
| | | } |
| | | .animationChange-enter-active, .animationChange-leave-active { |
| | | transition: all 0.5s; |
| | | } |
| | | |
| | | .animationChange-enter, .animationChange-leave-to { |
| | | opacity: 0; |
| | | transform: translateX(-100px); |
| | | } |
| | | /*color: #fff;*/ |
| | | |
| | | .el-icon-c-scale-to-original { |
| | |
| | | height: 30px; |
| | | font-size: 30px; |
| | | } |
| | | |
| | | .el-dialog.el-dialog--center{ |
| | | left: 0.5rem; |
| | | top: 0.73979rem; |
| | | } |
| | | |
| | | } |
| | | </style> |