feat

src/pages/index/components/order/index.jsx

@@ -34,6 +34,11 @@ export default (props) => {
   const handleDetail = (val) => {
     Taro.navigateTo({ url: `/pages/orderDetail/index?id=${val}&job=1` });
   }
+
+  const goToNews = () => {
+    Taro.navigateTo({ url: `/pages/news/index` });
+  }
+
   // 上拉加载
   const handleScrollToLower = () => {
     setCurrentPage(currentPage + 1)
@@ -156,7 +161,7 @@ export default (props) => {
           className='swiper'
         >
           {imgList.map((item, inx) => (
-            <SwiperItem key={inx}>
+            <SwiperItem key={inx} onClick={goToNews}>
               <Image src={item.thumb} mode='widthFix' className='storeImage' />
             </SwiperItem>
           ))}

src/pages/news/index.config.js

@@ -0,0 +1,7 @@
+export default {
+  navigationBarTitleText: '农业资讯',
+  // navigationStyle: 'custom',
+  styleIsolation: 'shared',
+  enableShareAppMessage: true,
+  disableScroll: true,
+}

src/pages/news/index.jsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import Taro from '@tarojs/taro';
+import { View, Image, ScrollView } from '@tarojs/components';
+
+export default function (props) {
+
+  const [imgStyle, setStyle] = React.useState({ height: '100%' });
+
+  const onLoad = e => {
+    const { width, height } = e.detail;
+
+    if (width > 0 && height > 0) {
+      Taro.getSystemInfo({
+        success: res => {
+          const windowWidth = res.windowWidth;
+
+
+          setStyle({
+            height: `${windowWidth * height / width}px`,
+          });
+        }
+      })
+    }
+  }
+  
+  return (
+    <View className='page-index'>
+      <ScrollView scrollY style={{ height: '100%'  }}>
+        <Image
+          src='https://dz-machinery.oss-cn-nanjing.aliyuncs.com/images/news-demo1.png'
+          style={{ display: 'block', width: '100%', ...imgStyle }}
+          onLoad={onLoad}
+        />
+      </ScrollView>
+    </View>
+  );
+}

src/routes.js

@@ -74,6 +74,10 @@ const mainPages = [
     title: '我的考勤',
     page: 'pages/WorkInShifts/index',
   }, 
+  {
+    title: '农业资讯',
+    page: 'pages/news/index',
+  }, 
 ];
 
 // 所有的页面