From 2cb264ec2b7c7dd9798d1821927104fad35bd063 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期二, 28 六月 2022 14:47:43 +0800
Subject: [PATCH] 系统设置自适应
---
src/pages/settings/components/LoraGateway.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 44 insertions(+), 16 deletions(-)
diff --git a/src/pages/settings/components/LoraGateway.vue b/src/pages/settings/components/LoraGateway.vue
index cfce9b1..3154749 100644
--- a/src/pages/settings/components/LoraGateway.vue
+++ b/src/pages/settings/components/LoraGateway.vue
@@ -38,24 +38,28 @@
</div>
</el-form-item>
- <div class="block">
+ <div class="block flexBlock">
<el-form-item class="form-item channel-sele">
<div class="item-title">棰戦亾</div>
- <el-select
- v-model="loraForm.channel"
- placeholder="璇烽�夋嫨"
- size="small"
- :popper-append-to-body="false"
- >
- <el-option
- v-for="item in channel_option"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- ></el-option>
- </el-select>
- <div class="channel">
- 褰撳墠杩炴帴閫氶亾锛�<span class="channelCount">{{ channelCount }}</span>
+
+ <div class="right">
+ <el-select
+ v-model="loraForm.channel"
+ placeholder="璇烽�夋嫨"
+ size="small"
+ :popper-append-to-body="false"
+ style="width: 173px"
+ >
+ <el-option
+ v-for="item in channel_option"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ ></el-option>
+ </el-select>
+ <div class="channel">
+ 褰撳墠杩炴帴閫氶亾锛�<span class="channelCount">{{ channelCount }}</span>
+ </div>
</div>
</el-form-item>
@@ -153,8 +157,17 @@
.lora-gateway {
display: flex;
flex-direction: column;
+
.block {
margin-top: 16px;
+
+ .el-form-item__content {
+ justify-content: space-between;
+
+ .right {
+ display: flex;
+ }
+ }
}
.channel-sele {
.el-select {
@@ -162,5 +175,20 @@
margin-left: 88px;
}
}
+
+ .el-radio-group {
+ text-align: right;
+ }
+
+ .el-form-item ::v-deep .el-form-item__content::before {
+ display: none;
+ }
+
+ .el-form-item ::v-deep .el-form-item__content::after {
+ display: none;
+ }
}
+</style>
+
+<style>
</style>
\ No newline at end of file
--
Gitblit v1.8.0