大屏重构

黄何裕

2024-07-26 4eeaec1eddd5ef2be4b79423154fa2dce81d5566

 src/views/screen/components/select-item/index.vue

@@ -1,7 +1,6 @@
<template>
  <div class="select-container">
    <div class="tabs-box">
      <!-- <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"
@@ -9,11 +8,6 @@
          :name="item.value"
        ></el-tab-pane>
      </el-tabs>
      <!-- <div>
        <el-button>

        </el-button>
      </div> -->
    </div>
    <!-- <div class="type-select">
      <div class="select-label">数据源</div>
@@ -128,7 +122,7 @@
.select-container {
  position: absolute;
  top: 0px;
  left: 20px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
@@ -165,7 +159,7 @@
    display: flex;
    align-items: center;
    width: 320px;
    margin-top: -15px
    margin-top: -15px;
  }
}
::v-deep .tabs-box {
@@ -173,10 +167,14 @@
  width: 40%;
  .el-tabs__item {
    color: #ffffff !important;
    font-size: 20px;
  }
  .is-active {
    color: #61aef7 !important;
    background: url('../../../../assets/images/screen/button1.png');;
    color: #66b5ff !important;
    background: url("../../../../assets/images/screen/button1.png");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
}
::v-deep .el-input__inner {
@@ -192,11 +190,6 @@
::v-deep .date-select .el-date-editor .el-range-separator {
  color: #4481dd !important;
}
// .transparent-button {
//   background-color: transparent;
//   border-color: #23f0ed;
//   color: #b944dd; /* 这里设置按钮文字颜色 */
  
// }
/* 去掉tabs标签栏下的下划线 */
::v-deep .el-tabs__nav-wrap::after {
@@ -205,12 +198,12 @@
}
/* 下划线切换高亮 */
::v-deep .el-tabs__active-bar {
  background-color: #4481DD;
  background-color: #4481dd;
}
::v-deep .el-tabs__item{
  margin: 5px 30px;
  padding: 0px 25px !important;
  border-radius: 5px;
  background: url('../../../../assets/images/screen/button.png');
  background: url("../../../../assets/images/screen/button.png");
}
</style>