feats

src/pages/notice/detail/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import Taro from '@tarojs/taro';
-import { View, Image } from '@tarojs/components';
+import { View, Image, RichText } from '@tarojs/components';
 import Page from '@/layouts/index';
 import { getTaNoticeById } from '@/services/tanotice';
 import { getDtStr } from '@/utils/date';
@@ -15,11 +15,27 @@ export default (props) => {
   const router = Taro.useRouter();
   const { id } = router.params;
 
+  const onPreview = () => {
+    if (!detail?.thumb) return;
+
+    Taro.previewMedia({
+      sources: [
+        {
+          url: detail.thumb,
+        },        
+      ],
+      current: 0,
+    })
+  }
+
   React.useEffect(() => {
     if (id) {
       setLoading(true);
       getTaNoticeById(id).then((res) => {
         setDetail(res);
+        Taro.setNavigationBarTitle({
+          title: res.title,
+        })
         setLoading(false);
       }).catch(er => {
         console.error(er);
@@ -37,7 +53,8 @@ export default (props) => {
           <View className={style['notice-hd2']}>{dateStr}</View>
         </View>
         <View className={style['notice-bd']}>
-          <Image></Image>
+          <Image src={detail?.thumb} onClick={onPreview}></Image>
+          <RichText nodes={detail?.content} />
         </View>
         <View className={style['notice-ft']}>
 

src/pages/notice/detail/style.module.less

@@ -1,5 +1,6 @@
 .notice-wrapper {
   height: 100%;
+  overflow-y: auto;
   padding: var(--main-space);
 
   .notice-hd {
@@ -15,12 +16,15 @@
   }
 
   .notice-bd {
-    flex: 1;
-    overflow: hidden;
-    margin: var(--main-space);
+    image {
+      width: 100%;
+    }
+
+    rich-text {
+      line-height: 2em;
+    }
   }
 
   .notice-ft {
-    flex: none;
   }
 }