下单功能基本完成

src/components/product/index.tsx

@@ -1,15 +1,20 @@
 import { Image, View } from "@tarojs/components"
+import Taro from "@tarojs/taro"
 import styles  from './index.module.scss'
 
 type params = {
     desStatus?: true|false
 }
 export default ({desStatus = true}: params) => {
-
+    const goLink = () => {
+        Taro.navigateTo({
+            url: '/pages/details/index?id=1'
+        })
+    }
     return (
         <View className={styles.products_list}>
             {new Array(10).fill('').map(item => {
-                return <View className={styles.products_item}>
+                return <View className={styles.products_item} onClick={() => goLink()}>
                     <View className={styles.item_img}>
                         <Image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2Ftp01%2F1ZZQ214233446-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651827249&t=b2fc2a3672dc8ced9e0f37ce7e2ff901"/>
                         <View className={styles.num}>230色</View>

src/components/shopCart/index.module.scss

@@ -144,6 +144,8 @@
         bottom: 0;
         display: flex;
         justify-content: center;
+        padding-bottom: constant(safe-area-inset-bottom);
+        padding-bottom: env(safe-area-inset-bottom);
         .buy_con{
             width: 702px;
             height: 95px;