.

src/pages/machineryDetail/index.config.js

@@ -0,0 +1,7 @@
+export default {
+  navigationBarTitleText: '查看详情',
+  navigationStyle: 'custom',
+  styleIsolation: 'shared',
+  enableShareAppMessage: true,
+  disableScroll: true,
+}

src/pages/machineryDetail/index.jsx

@@ -0,0 +1,43 @@
+import { View, Image, ScrollView } from "@tarojs/components"
+import CustomNav from "@/components/CustomNav"
+import Jianbian from "@/components/Jianbian"
+import withLayout from '@/layouts'
+import banner1 from '@/assets/banner/1.jpg'
+import banner2 from '@/assets/banner/2.jpg'
+import clockImg from '@/assets/machinery/date.png'
+import micon from '@/assets/machinery/micon2.png'
+import './style.less'
+
+export default withLayout((props) => {
+  return (
+    <View className='page-index'>
+      <View className='index-navbar'>
+        <CustomNav title='查看详情' />
+      </View>
+      <View className='index-container'>
+        <ScrollView scrollY style={{ height: '100%' }}>
+          <Image src={banner1} mode='aspectFill' className='detailHead' />
+          <View className='detailContent'>
+            <Jianbian status='1' />
+            <View className='detialName'>收割机001--S001</View>
+            <View className='detailTime'>
+              <Image src={clockImg} className='clockImg' />
+              距离上次使用时间为三天
+            </View>
+            <View className='title'>
+              <Image src={micon} className='detailIcon' />
+              作业详情
+              <Image src={micon} className='detailIcon' />
+            </View>
+            <View>
+              <Image src={banner1} className='contentImg' />
+              <View className='contentText'>6666666</View>
+              <Image src={banner2} className='contentImg' />
+              <Image src={banner1} className='contentImg' />
+            </View>
+          </View>
+        </ScrollView>
+      </View>
+    </View>
+  )
+})

src/pages/machineryDetail/style.less

@@ -0,0 +1,50 @@
+.detailHead{
+  width: 100%;
+  height: 66.7vw;
+}
+.detailContent{
+  background: #FFFFFF;
+  border-radius: 40px 40px 0px 0px;
+  padding: 30px;
+  position: relative;
+  overflow: hidden;
+  top: -60px;
+  color: #222222;
+  font-size: 30px;
+  .detialName{
+    margin-top: 76px;
+    font-size: 36px;
+    font-weight: bold;
+  }
+  .detailTime{
+    display: flex;
+    align-items: center;
+    font-weight: bold;
+    margin-top: 40px;
+    .clockImg{
+      width: 36px;
+      height: 36px;
+      margin-right: 18px;
+    }
+  }
+  .title{
+    display: flex;
+    align-items: center;
+    margin: 87px 0 50px;
+    justify-content: center;
+    font-weight: bold;
+    .detailIcon{
+      width: 34px;
+      height: 34px;
+      margin: 0 30px;
+    }
+  }
+  .contentImg{
+    width: 100%;
+    display: block;
+  }
+  .contentText{
+    margin: 30px 0;
+  }
+
+}

src/pages/machineryList/index.jsx

@@ -1,11 +1,13 @@
+import Taro from "@tarojs/taro"
 import { View, ScrollView } from "@tarojs/components"
 import CustomNav from "@/components/CustomNav"
+import withLayout from '@/layouts'
 import MachineryCard from './Card'
 import './style.less'
 
-export default (props) => {
+export default withLayout((props) => {
   const goMap=()=>{
-    console.log(666)
+    Taro.navigateTo({ url: '/pages/machineryDetail/index' });
   }
   return (
     <View className='page-index'>
@@ -21,4 +23,4 @@ export default (props) => {
       </View>
     </View>
   )
-}
+})

src/routes.js

@@ -22,6 +22,10 @@ const mainPages = [
     title: '农机列表',
     page: 'pages/machineryList/index',
   },
+  {
+    title: '查看详情',
+    page: 'pages/machineryDetail/index',
+  },
   
 ];