.

src/components/Jianbian/index.jsx

@@ -0,0 +1,18 @@
+import { View } from '@tarojs/components'
+import './style.less'
+
+export default (props) => {
+  const { status } = props
+  return (
+    <View className={['jianbian',
+      status == 1 ? 'waitClass' :
+        status == 2 ? 'workingClass' :
+          status == 3 ? 'overClass' : ''
+    ]}
+    >
+      <View className='text'>
+        {status == 1 ? '待作业' : status == 2 ? '进行中' : status == 3 ? '已完成' : ''}
+      </View>
+    </View>
+  )
+}

src/components/Jianbian/style.less

@@ -0,0 +1,29 @@
+.jianbian{
+  width: 225px;
+  height: 217px;
+  border-radius: 137px;
+  position: absolute;
+  left: -134px;
+  top: -122px;
+  .text{
+    transform:rotate(-45deg);
+    font-size: 28px;
+    font-weight: bold;
+    color: #FFFFFF;
+    position: relative;
+    top: 92px;
+    left: 108px;
+  }
+}
+.waitClass{
+  background: linear-gradient(-30deg, #FFAB8C, #FF703B);
+  border: 1px solid #FFC937;
+}
+.workingClass{
+  background: linear-gradient(-30deg, #00AE39, #A0E067);
+  border: 1px solid #06B03B;
+}
+.overClass{
+  background: linear-gradient(-30deg, #8F8F8F, #C0C0C0);
+  border: 1px solid #C7C7C7;
+}

src/components/MyCard/index.jsx

@@ -1,5 +1,6 @@
 import Taro from "@tarojs/taro"
 import { View, Text } from '@tarojs/components'
+import Jianbian from "@/components/Jianbian"
 import MyCell from "../MyCell"
 import MyButton from "../MyButton"
 import './style.less'
@@ -14,9 +15,7 @@ export default (props) => {
   }
   return (
     <View className='card'>
-      <View className='jianbian'>
-        <View className='text'>待作业</View>
-      </View>
+      <Jianbian status='1' />
       <View className='cardHead'>
         {
           job && <MyCell header='需求时间' job action='详情>>' handleAction={handleClick}>2022-06-02</MyCell>

src/components/MyCard/style.less

@@ -5,25 +5,6 @@
   position: relative;
   overflow: hidden;
   padding: 40px;
-  .jianbian{
-    width: 225px;
-    height: 217px;
-    background: linear-gradient(-30deg, #FFAB8C, #FF703B);
-    border-radius: 137px;
-    border: 1px solid #FFC937;
-    position: absolute;
-    left: -134px;
-    top: -122px;
-    .text{
-      transform:rotate(-45deg);
-      font-size: 28px;
-      font-weight: bold;
-      color: #FFFFFF;
-      position: relative;
-      top: 92px;
-      left: 108px;
-    }
-  }
   .cardHead{
     width: 100%;
     padding: 5px 0 0 38px;

src/pages/index/components/User/index.jsx

@@ -17,14 +17,18 @@ import './style.less'
 
 export default (props) => {
   const { isLogin } = props
-  const handleAccount = () => { console.log(5555) }
+  const handleAccount = () => { 
+    
+   }
   const handleAboutUs = () => { }
   const handleUpdate = () => { }
   const handleFeedback = () => { }
   const handleLogin = () => { 
     Taro.navigateTo({ url: '/pages/login/index' });
   }
-  const goMachinery = () => { }
+  const goMachinery = () => {
+    Taro.navigateTo({ url: '/pages/machineryList/index' });
+   }
   const goWallet = () => { }
   const goBank = () => { }
   const signOut = () => { 

src/pages/machineryList/Card/index.jsx

@@ -0,0 +1,15 @@
+import { View,Image } from "@tarojs/components"
+import Jianbian from "@/components/Jianbian"
+import banner1 from '@/assets/banner/2.jpg'
+import './style.less'
+
+export default (props) => {
+  const {onClick}=props
+  return (
+  <View className='machineryCard' onClick={onClick}>
+    <Jianbian status='1' />
+    <Image src={banner1} mode='aspectFill' />
+    <View className='machineryName'>收割机001--S01</View>
+  </View>
+  )
+}

src/pages/machineryList/Card/style.less

@@ -0,0 +1,19 @@
+.machineryCard{
+  height: 594px;
+  background: #FFF;
+  box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 40px;
+  position: relative;
+  overflow: hidden;
+  margin: 30px;
+  Image{
+    height: calc(calc(100vw - 60px) * 0.66);
+    width: 100%;
+  }
+  .machineryName{
+    font-size: 36px;
+    font-weight: bold;
+    color: #222222;
+    margin: 39px 0 0 28px;
+  }
+}

src/pages/machineryList/index.config.js

@@ -0,0 +1,7 @@
+export default {
+  navigationBarTitleText: '农机列表',
+  navigationStyle: 'custom',
+  styleIsolation: 'shared',
+  enableShareAppMessage: true,
+  disableScroll: true,
+}

src/pages/machineryList/index.jsx

@@ -0,0 +1,24 @@
+import { View, ScrollView } from "@tarojs/components"
+import CustomNav from "@/components/CustomNav"
+import MachineryCard from './Card'
+import './style.less'
+
+export default (props) => {
+  const goMap=()=>{
+    console.log(666)
+  }
+  return (
+    <View className='page-index'>
+      <View className='index-navbar'>
+        <CustomNav title='农机列表' />
+      </View>
+      <View className='index-container machineryListContent'>
+        <ScrollView scrollY style={{ height: '100%' }}>
+          <MachineryCard onClick={()=>goMap()} />
+          <MachineryCard />
+          <MachineryCard />
+        </ScrollView>
+      </View>
+    </View>
+  )
+}

src/pages/machineryList/style.less

@@ -0,0 +1,3 @@
+.machineryListContent{
+  padding:13px 0;
+}

src/routes.js

@@ -18,6 +18,10 @@ const mainPages = [
     title: '登录',
     page: 'pages/login/index',
   },
+  {
+    title: '农机列表',
+    page: 'pages/machineryList/index',
+  },
   
 ];