From b37aea3e032a573ad0ae6172ee4e08144db6758f Mon Sep 17 00:00:00 2001
From: suerprisePlus <15810472099@163.com>
Date: 星期二, 19 十一月 2024 17:48:27 +0800
Subject: [PATCH] 功能优化
---
src/components/menu/signalling.vue | 30 +++++++++++++++++++-----------
1 files changed, 19 insertions(+), 11 deletions(-)
diff --git a/src/components/menu/signalling.vue b/src/components/menu/signalling.vue
index 5b1b699..bc6c72f 100644
--- a/src/components/menu/signalling.vue
+++ b/src/components/menu/signalling.vue
@@ -15,16 +15,18 @@
</div>
</div>
<div class="signaSlider">
-
- <el-slider v-model="sliderValue" @change="handleSliderChange" :format-tooltip="formatTooltip"
- :marks="silderMark" :step="1" :min="0" :max="47" show-stops>
- </el-slider>
- </div>
- <div class="signaButton">
- <div class="signalling_play" @click="signallingPlay()">
- <img src="~@/assets/img/new/rightArrow.png" />
+ <div class="signaButton">
+ <div class="signalling_play" @click="signallingPlay()">
+ <img src="~@/assets/img/new/rightArrow.png" />
+ </div>
+ </div>
+ <div class="sliderBox">
+ <el-slider v-model="sliderValue" @change="handleSliderChange" :format-tooltip="formatTooltip"
+ :marks="silderMark" :step="1" :min="0" :max="47" show-stops>
+ </el-slider>
</div>
</div>
+
<!-- <div class="signalling_describe">鍗曚綅锛氫竾浜�</div>
<div>
<ul class="signalling_ul">
@@ -95,15 +97,21 @@
}
.signaSlider {
- margin: 20px 20px;
+ display: flex;
+ align-items: center;
+ margin: 10px 0px;
+ width: 100%;
}
.signaButton {
- width: 100%;
+ width: 40px;
display: flex;
justify-content: center;
+ margin-right: 10px;
}
-
+.sliderBox{
+ flex: 1;
+}
.signalling_type {
--
Gitblit v1.9.3