From feaf0a9778879ef211c5587a513ba4cbdabb52d0 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期四, 23 六月 2022 17:42:58 +0800
Subject: [PATCH] bug修复
---
src/pages/settings/components/switchBar.vue | 17 ++++++++++++++---
1 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/src/pages/settings/components/switchBar.vue b/src/pages/settings/components/switchBar.vue
index c5f5db1..d68bec7 100644
--- a/src/pages/settings/components/switchBar.vue
+++ b/src/pages/settings/components/switchBar.vue
@@ -2,7 +2,7 @@
<div class="switch-bar">
<div class="name">{{ barName }}</div>
<el-switch
- v-model="value"
+ v-model="barValue"
active-color="var(--colorCard)"
:width="30"
@change="switchChange"
@@ -13,10 +13,21 @@
<script>
export default {
+ name: "switchBar",
props: ["barName", "value"],
methods: {
switchChange(val) {
this.$emit("switchChange", val);
+ },
+ },
+ computed: {
+ barValue: {
+ get() {
+ return this.value;
+ },
+ set(newValue) {
+ return newValue;
+ },
},
},
};
@@ -28,9 +39,9 @@
height: 50px;
padding: 0 25px;
justify-content: space-between;
-border-radius: 8px;
+ border-radius: 8px;
- margin-bottom: 10px;
+ margin-bottom: 4px;
.el-switch.is-checked .el-switch__core::after {
left: 100%;
margin-left: -12px;
--
Gitblit v1.8.0