From f76987a18e86dc7d2cd19970192fa30f678e6507 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Tue, 14 Feb 2023 11:46:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9switch=E3=80=81checkbox?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/auth/agreement.vue   | 10 +++-------
 src/components/widgets/checkbox.vue | 22 ++++++----------------
 src/components/widgets/switch.vue   | 22 ++++++----------------
 src/pages/order/create.vue          | 18 +++++++-----------
 4 files changed, 22 insertions(+), 50 deletions(-)

diff --git a/src/components/auth/agreement.vue b/src/components/auth/agreement.vue
index df82c8a..7c8dc0f 100644
--- a/src/components/auth/agreement.vue
+++ b/src/components/auth/agreement.vue
@@ -1,6 +1,6 @@
 <template>
     <view class="agreement">
-        <widget-check-box :checked="defaultState" @change="change" />
+        <widget-check-box :checked="agree" />
         <view class="description">
             <text class="text">我已阅读并同意</text>
             <text class="link">《熊熊安装服务协议》</text>
@@ -17,7 +17,7 @@ export default {
         return {};
     },
     props: {
-        defaultState: {
+        agree: {
             type: Boolean,
             default: false,
         },
@@ -28,11 +28,7 @@ export default {
     created() {},
     mounted() {},
     destroyed() {},
-    methods: {
-        change(state) {
-            this.$emit("agree", state);
-        },
-    },
+    methods: {},
 };
 </script>
 
diff --git a/src/components/widgets/checkbox.vue b/src/components/widgets/checkbox.vue
index b0d678f..bc716a7 100644
--- a/src/components/widgets/checkbox.vue
+++ b/src/components/widgets/checkbox.vue
@@ -1,12 +1,11 @@
 <template>
     <view
         class="checkbox"
-        :class="[state ? 'active' : '']"
+        :class="[checked ? 'active' : '']"
         :style="{ fontSize: $utils.rpx2px(size) + 'px' }"
-        @click="changeCheckBox"
     >
-        <text v-if="state" class="iconfont icon-xuanzeyixuanze"></text>
-        <text v-if="!state" class="iconfont icon-xuanzeweixuanze"></text>
+        <text v-if="checked" class="iconfont icon-xuanzeyixuanze"></text>
+        <text v-if="!checked" class="iconfont icon-xuanzeweixuanze"></text>
     </view>
 </template>
 
@@ -14,9 +13,7 @@
 export default {
     name: "widget-checkbox",
     data() {
-        return {
-            state: false,
-        };
+        return {};
     },
     props: {
         size: {
@@ -29,17 +26,10 @@ export default {
         },
     },
     components: {},
-    created() {
-        this.state = this.checked;
-    },
+    created() {},
     mounted() {},
     destroyed() {},
-    methods: {
-        changeCheckBox() {
-            this.state = !this.state;
-            this.$emit("change", this.state);
-        },
-    },
+    methods: {},
 };
 </script>
 
diff --git a/src/components/widgets/switch.vue b/src/components/widgets/switch.vue
index 70f9893..bf77db5 100644
--- a/src/components/widgets/switch.vue
+++ b/src/components/widgets/switch.vue
@@ -1,12 +1,11 @@
 <template>
     <view
         class="switch"
-        :class="[state ? 'active' : '']"
+        :class="[open ? 'active' : '']"
         :style="{ fontSize: $utils.rpx2px(size) + 'px' }"
-        @click="changeSwitch"
     >
-        <text v-if="!state" class="iconfont icon-kaiguan-guan"></text>
-        <text v-if="state" class="iconfont icon-kaiguan-kai"></text>
+        <text v-if="!open" class="iconfont icon-kaiguan-guan"></text>
+        <text v-if="open" class="iconfont icon-kaiguan-kai"></text>
     </view>
 </template>
 
@@ -14,9 +13,7 @@
 export default {
     name: "widget-switch",
     data() {
-        return {
-            state: false,
-        };
+        return {};
     },
     props: {
         size: {
@@ -29,17 +26,10 @@ export default {
         },
     },
     components: {},
-    created() {
-        this.state = this.open;
-    },
+    created() {},
     mounted() {},
     destroyed() {},
-    methods: {
-        changeSwitch() {
-            this.state = !this.state;
-            this.$emit("change", this.state);
-        },
-    },
+    methods: {},
 };
 </script>
 
diff --git a/src/pages/order/create.vue b/src/pages/order/create.vue
index 7eef49b..caef227 100644
--- a/src/pages/order/create.vue
+++ b/src/pages/order/create.vue
@@ -53,7 +53,9 @@
                 </view>
                 <view class="switch-container">
                     <text class="price">¥ 6.00</text>
-                    <widget-switch @change="changeInsurance" />
+                    <text @click="insurance = !insurance">
+                        <widget-switch :open="insurance" />
+                    </text>
                 </view>
             </view>
             <view class="demand">
@@ -66,7 +68,9 @@
                 />
             </view>
             <view class="agreement-container">
-                <agreement @agree="agree" />
+                <text @click="isAgree = !isAgree">
+                    <agreement :agree="isAgree" />
+                </text>
             </view>
         </view>
         <view
@@ -94,8 +98,8 @@ export default {
             addressId: 0,
             addressText: "",
             datetime: "",
-            insurance: false,
             message: "",
+            insurance: false,
             isAgree: false,
             serviceList: [
                 {
@@ -154,14 +158,6 @@ export default {
                 showCancel: false,
             });
         },
-        changeInsurance(state) {
-            this.insurance = state;
-            console.log(this.insurance);
-        },
-        agree(state) {
-            this.isAgree = state;
-            console.log(this.isAgree);
-        },
         pay() {
             if (!this.isAgree) {
                 uni.showToast({