.

src/components/MyButton/index.jsx

-import { View } from "@tarojs/components"
+import { View,Button } from "@tarojs/components"
 import './style.less'
 
 export default (props) => {
   const { value, onClick } = props
-  return <View className='myBtn' onClick={onClick}>{value}</View>
+  return <Button className='myBtn' onClick={onClick}>{value}</Button>
 }

src/components/MyButton/style.less

-
-  .myBtn{
-    height: 94px;
-    font-size: 34px;
-    font-weight: bold;
-    line-height: 94px;
-    text-align: center;
-    color: #fff;
-    background: linear-gradient(0deg, #00AE39,#A0E067);
-    border-radius: 49px;
-    width: 100%;
-    margin: 25px 0 18px;
-  }
+.myBtn{
+  font-size: 34px;
+  font-weight: bold;
+  line-height: 94px;
+  color: #fff;
+  background: linear-gradient(0deg, #00AE39,#A0E067);
+  border-radius: 49px;
+  margin: 25px 0 18px;
+}

src/pages/index/components/Job/index.jsx

   }
   return (
     <ScrollView scrollY style={{ height: '100%' }}>
-      <MyCard job changeJob={handleChange} />
-      <MyCard job changeJob={handleChange} />
+      <MyCard job onClick={handleChange} />
+      <MyCard job onClick={handleChange} />
+      <MyCard job onClick={handleChange} />
+      <MyCard job onClick={handleChange} />
       <Popup
         show={show}
         onClose={onClose}
         <View>河南省南阳市邓州市孟楼镇</View>
         <Button className='btn' onClick={handleOk}>确认</Button>
       </Popup>
-      <MyCard job onClick={handleChange} />
-      <MyCard job onClick={handleChange} />
     </ScrollView>
   )
 }

src/pages/index/components/Job/style.less

   .btn{
     width: 200px;
     height: 88px;
-    background: linear-gradient(0deg, #A0E067, #00AE39);
+    background: linear-gradient(0deg, #00AE39, #A0E067);
     border-radius: 34px;
     font-size: 32px;
     color: #FFFFFF;  

src/pages/login/index.jsx

 import Taro from "@tarojs/taro"
 import { useState } from "react"
-import { View, Image, Input, Text, Checkbox, Label } from "@tarojs/components"
+import { View, Image, Input, Text, Checkbox, Label, Button } from "@tarojs/components"
 import CustomNav from "@/components/CustomNav"
 import MyButton from "@/components/MyButton"
 import bgi from '@/assets/login/loginImg.png'
         <View className='loginCell'>
           <View className='loginHeader'>+86</View>
           <Input type='number' maxlength='11' placeholder='请输入手机号' value={phone} onBlur={handlePhone} />
-          <View  className={['loginAction',dsb?'qCodeActive':'']} onClick={dsb?'':changeqCode}>{qCodeBtn}</View>
+          <Button  className={['loginAction',dsb?'qCodeActive':'']} disabled={dsb} onClick={dsb?'':changeqCode}>{qCodeBtn}</Button>
         </View>
         <View className='loginCell'>
           <View className='loginHeader'>

src/pages/login/style.less

       }
     }
     .loginAction{
-      width: 8em;
-      height: 68px;
+      width: 9em;
       background: linear-gradient(0deg, #00AE39,#A0E067);
       border-radius: 20px;
       line-height: 68px;
-      text-align: center;
       color: #fff;
       font-size: 30px;
-      font-weight: bold
     }
     .qCodeActive{
       opacity: 0.5;