修复已知问题

src/shop/search/components/GoodsItem.tsx

@@ -0,0 +1,58 @@
+import { View } from '@tarojs/components'
+import { Image } from '@nutui/nutui-react-taro'
+import { Share } from '@nutui/icons-react-taro'
+import Taro from '@tarojs/taro'
+import { ShopGoods } from '@/api/shop/shopGoods/model'
+import './GoodsItem.scss'
+
+interface GoodsItemProps {
+  goods: ShopGoods
+}
+
+const GoodsItem = ({ goods }: GoodsItemProps) => {
+  // 跳转到商品详情
+  const goToDetail = () => {
+    Taro.navigateTo({
+      url: `/shop/goodsDetail/index?id=${goods.goodsId}`
+    })
+  }
+
+  return (
+    <div className={'flex flex-col rounded-lg bg-white shadow-sm w-full mb-5'}>
+      <Image
+        src={goods.image || ''}
+        mode={'aspectFit'}
+        lazyLoad={false}
+        radius="10px 10px 0 0"
+        height="180"
+        onClick={goToDetail}
+      />
+      <div className={'flex flex-col p-2 rounded-lg'}>
+        <div>
+          <div className={'car-no text-sm'}>{goods.name || goods.goodsName}</div>
+          <div className={'flex justify-between text-xs py-1'}>
+            <span className={'text-orange-500'}>{goods.comments || ''}</span>
+            <span className={'text-gray-400'}>已售 {goods.sales || 0}</span>
+          </div>
+          <div className={'flex justify-between items-center py-2'}>
+            <div className={'flex text-red-500 text-xl items-baseline'}>
+              <span className={'text-xs'}>￥</span>
+              <span className={'font-bold text-2xl'}>{goods.price || '0.00'}</span>
+            </div>
+            <div className={'buy-btn'}>
+              <div className={'cart-icon'}>
+                <Share size={20} className={'mx-4 mt-2'}
+                       onClick={goToDetail}/>
+              </div>
+              <div className={'text-white pl-4 pr-5'}
+                   onClick={goToDetail}>购买
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default GoodsItem