feat: 发货记录增加预览图片功能

src/pages/list/hooks.js

@@ -0,0 +1,15 @@
+import {previewMedia} from '@tarojs/taro';
+
+export function usePreview() {
+  return function (files) {
+    const sources = files.map(function (url) {
+      return {url};
+    });
+
+    return function () {
+      previewMedia({
+        sources,
+      });
+    };
+  };
+}

src/pages/list/index.jsx

@@ -2,8 +2,11 @@ import {TextGroup} from '@components';
 import {Text, View} from '@tarojs/components';
 import classNames from 'classnames';
 import {Button} from '@nutui/nutui-react-taro';
+import {usePreview} from './hooks';
 
 export default function List() {
+  const onClick = usePreview();
+
   return (
     <View className='h-screen overflow-auto bg-gray-200 py-4'>
       <View className='bg-white mx-4 rounded-lg px-3 py-4'>
@@ -56,7 +59,18 @@ export default function List() {
         </View>
 
         <View className='flex justify-end mt-2'>
-          <Button className='!h-9 !text-sm'>查看图片</Button>
+          <Button
+            className='!h-9 !text-sm'
+            onClick={onClick([
+              'https://picsum.photos/id/1/800/600',
+              'https://picsum.photos/id/2/800/600',
+              'https://picsum.photos/id/3/800/600',
+              'https://picsum.photos/id/4/800/600',
+              'https://picsum.photos/id/5/800/600',
+            ])}
+          >
+            查看图片
+          </Button>
         </View>
       </View>
     </View>