From 3ab3a4981809c268f90c075997263cbc6f4f771b Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 20 三月 2024 09:20:35 +0800
Subject: [PATCH] style:修改下拉样式
---
src/views/screen/components/screen-wrapper/index.vue | 2 +-
src/views/screen/components/select-item/index.vue | 34 ++++++++++++++++++++++++----------
2 files changed, 25 insertions(+), 11 deletions(-)
diff --git a/src/views/screen/components/screen-wrapper/index.vue b/src/views/screen/components/screen-wrapper/index.vue
index 7bdc799..a647da0 100644
--- a/src/views/screen/components/screen-wrapper/index.vue
+++ b/src/views/screen/components/screen-wrapper/index.vue
@@ -48,7 +48,7 @@
.return-button {
position: absolute;
right: 20px;
- top: 30px;
+ top: 40px;
}
.wrapper-container {
width: 100%;
diff --git a/src/views/screen/components/select-item/index.vue b/src/views/screen/components/select-item/index.vue
index 3297ce7..4bd541b 100644
--- a/src/views/screen/components/select-item/index.vue
+++ b/src/views/screen/components/select-item/index.vue
@@ -9,15 +9,8 @@
<div class="date-select">
<div class="select-label">鏃ユ湡</div>
- <el-date-picker
- v-model="dateValue"
- type="daterange"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡"
- value-format="yyyy-MM-dd"
- @change="setConfig"
- />
+ <el-date-picker v-model="dateValue" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡" value-format="yyyy-MM-dd" @change="setConfig" />
</div>
</div>
@@ -56,23 +49,44 @@
<style lang="scss" scoped>
.select-container {
position: absolute;
- top: 30px;
+ top: 40px;
left: 20px;
display: flex;
align-items: center;
+
.select-label {
font-size: 20px;
margin-right: 10px;
color: #2375f0;
+ flex-shrink: 0;
}
+
.type-select {
display: flex;
align-items: center;
margin-right: 20px;
+ width: 240px;
}
+
.date-select {
display: flex;
align-items: center;
+ width: 320px;
}
}
+::v-deep .el-input__inner {
+ background: rgba(67, 102, 155, 0.4) !important;
+ color: #4481DD;
+ border-color: #4481DD !important;
+}
+
+::v-deep .date-select .el-range-input {
+ background-color: transparent !important;
+ color: #4481DD;
+}
+::v-deep .date-select .el-date-editor .el-range-separator {
+ color: #4481DD !important;
+}
+
+
</style>
\ No newline at end of file
--
Gitblit v1.8.0