fatch

src/pages/MyAddressList/index.jsx

@@ -1,13 +1,13 @@
-import { View, Image, Switch, Button, Textarea } from "@tarojs/components"
+import { View, Image, Switch, Radio, RadioGroup } from "@tarojs/components"
 import Taro from "@tarojs/taro"
-import { useState } from "react"
+import { useState, useEffect } from "react"
 import CustomNav from "@/components/CustomNav"
 import edit from "@/assets/icons/comm/edit.png"
 import userRight from '@/assets/mineImgaes/userRight.png'
 
 import deletes from "@/assets/icons/comm/deletes.png"
 import ButtontWX from '@/components/ButtontWX'
-import { useEffect } from "react"
+
 
 import { addressDefault, getAddress, addressDelete, addressUpdate } from "@/services/address"
 
@@ -38,10 +38,23 @@ export default (props) => {
     })
 
   }
+  const [switchBool, setSwitchBool] = useState()
+  // const [switchValue, setSwitchValue] = useState('')
 
-  const handelSwitch = (e) => {
+  const handelSwitch = (a, e) => {
     const { value } = e.detail
-    console.log('e', value);
+    // console.log('e', !!value);
+    console.log('a,e', a, value);
+    addressDefault(a).then((se) => {
+      console.log('e', se);
+      getList()
+    })
+    // if (value == '') {
+    //   setSwitchBool(!!value)
+
+    // } else {
+    //   setSwitchBool(!value)
+    // }
 
   }
   const addressEdit = (e) => {
@@ -51,23 +64,18 @@ export default (props) => {
 
 
   const getList = () => {
-    // getAddress().then((e) => {
-    //   console.log('地址列表', e);
-    //   setAddresList(e.records)
-
-
-    // })
-  }
-
-  useEffect(() => {
-    // getList()
     getAddress().then((e) => {
       console.log('地址列表', e);
       setAddresList(e.records)
+    })
+  }
+
+  useEffect(() => {
+    getList()
 
 
-    })
-  }, [])
+    console.log('执行了', switchBool,);
+  }, [switchBool,])
 
 
 
@@ -97,7 +105,14 @@ export default (props) => {
 
                     <View className='addressList-box-addressBotton-setAddress'>
                       <View>
-                        设为默认地址: <Switch name='isDefault' onChange={handelSwitch} type='checkbox' />
+
+                        设为默认地址:
+
+                        <RadioGroup className='radio-group' onChange={(res) => handelSwitch(item.addressId, res)} >
+                          <Radio color='#FC5531' checked={item.isDefault}></Radio>
+                        </RadioGroup>
+
+
                       </View>
 
                       <View className='addressList-box-addressBotton-addressDelete' onClick={() => addressDeletess(item.addressId)}>

src/pages/MyAddressList/style.less

@@ -49,6 +49,40 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
+      > View {
+        font-size: 30px;
+
+        .radio-group {
+          display: inline-block;
+
+          .wx-radio-input {
+            position: relative;
+            display: flex;
+            left: 2vw;
+            height: 40rpx;
+            width: 40rpx;
+            margin-top: -4rpx;
+            border-radius: 50%;
+            border: 2rpx solid #999;
+            background: transparent;
+          }
+        }
+
+        // .wx-radio-input.wx-radio-input-checked::before {
+        //   /* 去除对号 */
+        //   content: "";
+        //   /* background: #fff; */
+        //   width: 40rpx;
+        //   height: 40rpx;
+        //   border-radius: 50%;
+        //   /* background: red; */
+        //   background-color: rgb(216, 216, 216);
+        //   /* 居中 */
+        //   margin-top: 0rpx;
+        //   display: flex;
+        //   position: relative;
+        // }
+      }
     }
     &-addressDelete {
       display: flex;
@@ -64,7 +98,5 @@
 .bottomButtom {
   width: 100%;
   margin: 0 auto;
-  position: absolute;
-  bottom: -29vh;
-  margin: 15vh 0;
+  margin-bottom: 15vh;
 }

src/services/address.js

@@ -40,6 +40,6 @@ export const addressUpdate = (id, data) => request(`/address/${id}`, { data, met
  * @param {*} data 
  * @returns 
  */
-export const addressDefault = (id, data) => request(`/address${id}/default`, { data, method: 'PUT' })
+export const addressDefault = (id, data) => request(`/address/${id}/default`, { data, method: 'PUT' })