| | |
| | | <template> |
| | | <div class="select-container"> |
| | | <div class="tabs-box"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-button v-for="item in testData1" class="transparent-button">{{ item.name }} </el-button> |
| | | <!-- <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane |
| | | v-for="item in testData1" |
| | | :label="item.name" |
| | | :name="item.value" |
| | | ></el-tab-pane> |
| | | </el-tabs> |
| | | </el-tabs> --> |
| | | <!-- <div> |
| | | <el-button> |
| | | |
| | | </el-button> |
| | | </div> --> |
| | | </div> |
| | | |
| | | <!-- <div class="type-select"> |
| | | <div class="select-label">数据源</div> |
| | | <el-select |
| | |
| | | <style lang="scss" scoped> |
| | | .select-container { |
| | | position: absolute; |
| | | top: 0px; |
| | | top: 10px; |
| | | left: 20px; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | .el-tabs__item { |
| | | color: #ffffff !important; |
| | | } |
| | | .is-active{ |
| | | .is-active { |
| | | color: #4481dd !important; |
| | | } |
| | | } |
| | |
| | | ::v-deep .date-select .el-date-editor .el-range-separator { |
| | | color: #4481dd !important; |
| | | } |
| | | .transparent-button { |
| | | background-color: transparent; |
| | | border-color: #23f0ed; |
| | | color: #0d6adb; /* 这里设置按钮文字颜色 */ |
| | | |
| | | } |
| | | </style> |