From 8c25e686d5df96ea94d54558307d1b3b027ca283 Mon Sep 17 00:00:00 2001
From: 黄何裕 <1053952480@qq.com>
Date: 星期一, 22 七月 2024 16:31:56 +0800
Subject: [PATCH] 大屏样式修改
---
src/views/screen/components/select-item/index.vue | 37 ++++++++++++++++++++++++++++---------
1 files changed, 28 insertions(+), 9 deletions(-)
diff --git a/src/views/screen/components/select-item/index.vue b/src/views/screen/components/select-item/index.vue
index 9a6d6bf..3869bec 100644
--- a/src/views/screen/components/select-item/index.vue
+++ b/src/views/screen/components/select-item/index.vue
@@ -1,14 +1,14 @@
<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-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>
@@ -127,7 +127,7 @@
<style lang="scss" scoped>
.select-container {
position: absolute;
- top: 10px;
+ top: 0px;
left: 20px;
display: flex;
align-items: center;
@@ -165,15 +165,18 @@
display: flex;
align-items: center;
width: 320px;
+ margin-top: -15px
}
}
::v-deep .tabs-box {
+ margin-top: 5px;
width: 40%;
.el-tabs__item {
color: #ffffff !important;
}
.is-active {
- color: #4481dd !important;
+ color: #61aef7 !important;
+ background: linear-gradient(135deg, rgb(10,31,75), #003e5b) !important;
}
}
::v-deep .el-input__inner {
@@ -189,10 +192,26 @@
::v-deep .date-select .el-date-editor .el-range-separator {
color: #4481dd !important;
}
-.transparent-button {
- background-color: transparent;
- border-color: #23f0ed;
- color: #0d6adb; /* 杩欓噷璁剧疆鎸夐挳鏂囧瓧棰滆壊 */
+// .transparent-button {
+// background-color: transparent;
+// border-color: #23f0ed;
+// color: #b944dd; /* 杩欓噷璁剧疆鎸夐挳鏂囧瓧棰滆壊 */
+// }
+/* 鍘绘帀tabs鏍囩鏍忎笅鐨勪笅鍒掔嚎 */
+::v-deep .el-tabs__nav-wrap::after {
+ position: static !important;
+ /* background-color: #fff; */
+}
+/* 涓嬪垝绾垮垏鎹㈤珮浜� */
+::v-deep .el-tabs__active-bar {
+ background-color: #4481DD;
+}
+::v-deep .el-tabs__item{
+ margin: 5px;
+ padding: 0px 10px !important;
+ border-radius: 5px;
+ background: linear-gradient(135deg, rgb(10,31,75), #599cbb);
+
}
</style>
--
Gitblit v1.8.0