Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
W
web
概览
概览
详情
活动
周期分析
版本库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
iuav
web
Commits
609132f1
提交
609132f1
authored
4月 16, 2024
作者:
ZhangLingKun
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'develop'
上级
bc6e841a
d74c1bde
流水线
#8803
已通过 于阶段
in 6 分 0 秒
变更
2
流水线
1
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
14 行增加
和
3 行删除
+14
-3
kustomization.yaml
kustomization/overlays/dev/kustomization.yaml
+1
-1
_storeProductRecommend.tsx
src/pages/store/product/comp/_storeProductRecommend.tsx
+13
-2
没有找到文件。
kustomization/overlays/dev/kustomization.yaml
浏览文件 @
609132f1
...
@@ -14,4 +14,4 @@ patches:
...
@@ -14,4 +14,4 @@ patches:
images
:
images
:
-
name
:
REGISTRY/NAMESPACE/IMAGE:TAG
-
name
:
REGISTRY/NAMESPACE/IMAGE:TAG
newName
:
mmc-registry.cn-shenzhen.cr.aliyuncs.com/sharefly-dev/web
newName
:
mmc-registry.cn-shenzhen.cr.aliyuncs.com/sharefly-dev/web
newTag
:
6df7b0db2f349279d9279975f2b69d017b6401cb
newTag
:
c0a4bca997f7e1d484bd8358c04d4951febb64de
src/pages/store/product/comp/_storeProductRecommend.tsx
浏览文件 @
609132f1
import
React
,
{
useEffect
,
useState
}
from
'react'
;
import
React
,
{
useEffect
,
useState
}
from
'react'
;
import
{
Carousel
}
from
'antd'
;
import
{
Carousel
}
from
'antd'
;
import
{
useRouter
}
from
'next/router'
;
import
styled
from
'styled-components'
;
import
styled
from
'styled-components'
;
import
{
InterDataType
}
from
'@/api/interface'
;
import
{
InterDataType
}
from
'@/api/interface'
;
import
{
QueryBrandGoodsType
}
from
'@/api/interface/mall'
;
import
{
QueryBrandGoodsType
}
from
'@/api/interface/mall'
;
...
@@ -10,6 +11,8 @@ type GoodsListType = InterDataType<QueryBrandGoodsType>;
...
@@ -10,6 +11,8 @@ type GoodsListType = InterDataType<QueryBrandGoodsType>;
const
StoreProductRecommendView
:
React
.
FC
<
{
const
StoreProductRecommendView
:
React
.
FC
<
{
goodsInfoList
:
GoodsListType
;
goodsInfoList
:
GoodsListType
;
}
>
=
({
goodsInfoList
})
=>
{
}
>
=
({
goodsInfoList
})
=>
{
// 路由钩子
const
router
=
useRouter
();
// 推荐商品列表
// 推荐商品列表
const
[
recommendList
,
setRecommendList
]
=
useState
<
GoodsListType
[
0
][][]
>
();
const
[
recommendList
,
setRecommendList
]
=
useState
<
GoodsListType
[
0
][][]
>
();
// 获取最低价格
// 获取最低价格
...
@@ -20,6 +23,10 @@ const StoreProductRecommendView: React.FC<{
...
@@ -20,6 +23,10 @@ const StoreProductRecommendView: React.FC<{
).
salePrice
||
0
;
).
salePrice
||
0
;
return
price
.
toLocaleString
();
return
price
.
toLocaleString
();
};
};
// 跳转商品详情
const
handleDetail
=
(
detail
:
GoodsListType
[
0
])
=>
{
router
.
push
(
`/mall/product/
${
detail
?.
id
}
`).then();
};
// 组件挂载
// 组件挂载
useEffect(() => {
useEffect(() => {
if (!goodsInfoList?.length) return;
if (!goodsInfoList?.length) return;
...
@@ -34,11 +41,15 @@ const StoreProductRecommendView: React.FC<{
...
@@ -34,11 +41,15 @@ const StoreProductRecommendView: React.FC<{
<StoreProductRecommendWrap className="flex-start">
<StoreProductRecommendWrap className="flex-start">
<div className="recommend-title">店铺推荐</div>
<div className="recommend-title">店铺推荐</div>
<div className="recommend-swiper">
<div className="recommend-swiper">
<
Carousel
autoplay=
{
fals
e
}
autoplaySpeed=
{
8000
}
>
<Carousel autoplay={
tru
e} autoplaySpeed={8000}>
{recommendList?.map((i, j) => (
{recommendList?.map((i, j) => (
<div className="swiper-item flex-between" key={j}>
<div className="swiper-item flex-between" key={j}>
{i?.map((n, m) => (
{i?.map((n, m) => (
<
div
className=
"item-goods"
key=
{
m
}
>
<div
className="item-goods"
key={m}
onClick={() => handleDetail(n)}
>
<img
<img
className="image"
className="image"
src={`
$
{
n
?.
resourcesList
?.[
0
]?.
url
}?
x
-
oss
-
process
=
image
/
quality
,
q_20
`}
src={`
$
{
n
?.
resourcesList
?.[
0
]?.
url
}?
x
-
oss
-
process
=
image
/
quality
,
q_20
`}
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论