Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
taobao-mini-template
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
2
Issues
2
List
Board
Labels
Milestones
Merge Requests
1
Merge Requests
1
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
qinhaitao
taobao-mini-template
Commits
1ae8dc89
Commit
1ae8dc89
authored
Aug 27, 2021
by
wanghuan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
loadingbar
parent
065b1888
Changes
6
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
299 additions
and
10 deletions
+299
-10
GoodsList.jsx
c_client/src/components/_tb_comps/GoodsList/GoodsList.jsx
+25
-3
GoodsList.module.less
.../src/components/_tb_comps/GoodsList/GoodsList.module.less
+33
-0
LoadingBar.jsx
c_client/src/components/_tb_comps/LoadingBar/LoadingBar.jsx
+19
-0
LoadingBar.module.less
...rc/components/_tb_comps/LoadingBar/LoadingBar.module.less
+33
-0
const.js
c_client/src/const.js
+1
-1
browseGoods.jsx
c_client/src/pages/packageGood/browseGoods/browseGoods.jsx
+188
-6
No files found.
c_client/src/components/_tb_comps/GoodsList/GoodsList.jsx
View file @
1ae8dc89
import
React
,
{
useState
}
from
'react'
import
React
,
{
useState
,
useEffect
,
useRef
}
from
'react'
import
{
View
,
Image
,
ScrollView
}
from
'@tarojs/components'
import
classnames
from
'classnames'
import
tbccTs
from
'tbcc-sdk-ts'
const
{
openDetail
}
=
tbccTs
.
tb
import
styles
from
'./GoodsList.module.less'
import
LoadingBar
from
'../LoadingBar/LoadingBar'
function
GoodsList
(
props
)
{
const
{
...
...
@@ -16,10 +17,12 @@ function GoodsList(props) {
no_collect
:
'//yun.dui88.com/taobaomini/clientCTest/collection_no_collect@2x.png'
,
img
:
'//yun.dui88.com/taobaomini/clientCTest/goods_img@2x.png'
},
color
:
'#181818'
color
:
'#181818'
,
loadFlag
:
"DEFAULT"
},
onOpenDetail
,
onCompleteTask
onCompleteTask
,
count
}
=
props
const
goToGoodsDetail
=
async
(
item
)
=>
{
...
...
@@ -69,6 +72,25 @@ function GoodsList(props) {
)
})
}
{
task
.
loadFlag
&&
<
View
className=
{
styles
[
'browse_loading'
]
}
>
{
task
.
loadFlag
==
'NUMBER'
&&
<>
<
View
className=
{
styles
[
'count_img'
]
}
>
<
View
className=
{
styles
[
'count_time'
]
}
>
{
count
}
s
</
View
>
</
View
>
</>
}
{
task
.
loadFlag
==
'PICTURE'
&&
<
LoadingBar
/>
}
</
View
>
}
</
View
>
</
ScrollView
>
)
...
...
c_client/src/components/_tb_comps/GoodsList/GoodsList.module.less
View file @
1ae8dc89
...
...
@@ -6,6 +6,7 @@
display: flex;
flex-wrap: wrap;
}
.content-item {
width: 340px;
height: 510px;
...
...
@@ -77,4 +78,36 @@
right: 19px;
background: #eee;
}
.browse_loading{
width: 200px;
height: 200px;
position: fixed;
right: 20px;
top: 400px;
border: 1px solid cyan;
box-sizing: border-box;
}
.count_img{
width: 100%;
height: 100%;
border: 1px solid rgb(47, 131, 99);
box-sizing: border-box;
background-image: url('//yun.dui88.com/7f705da9-5f16-4cf1-a239-3903c5c23995.png');
.image-property(contain, center center);
}
.count_time{
width: 100px;
height: 60px;
line-height: 60px;
margin: 40px auto 0;
border: 1px solid cyan;
box-sizing: border-box;
font-size: 40px;
font-weight: 600;
color: #000;
text-align: center;
}
\ No newline at end of file
c_client/src/components/_tb_comps/LoadingBar/LoadingBar.jsx
0 → 100644
View file @
1ae8dc89
import
React
,{
useState
,
useEffect
}
from
'react'
import
{
View
,
Image
,
Text
}
from
'@tarojs/components'
import
styles
from
'./LoadingBar.module.less'
const
LoadingBar
=
(
props
)
=>
{
const
{
bg
=
'https://yun.duiba.com.cn/spark/assets/5a725b9e4ebf436a0a92c6317a5a4e47d87c8c1f.png'
,
bgTop
=
'https://yun.duiba.com.cn/spark/assets/ccc405e28a5140d3aff9dff27b97fa5fb6bd7ff5.png'
}
=
props
;
return
(
<
View
className=
{
styles
[
'load_container'
]
}
>
<
View
className=
{
styles
[
'load_content'
]
}
>
<
View
className=
{
styles
[
'load_bg'
]
}
style=
{
{
backgroundImage
:
`url(${bg})`
}
}
></
View
>
<
View
className=
{
styles
[
'load_top'
]
}
style=
{
{
backgroundImage
:
`url(${bgTop})`
}
}
></
View
>
</
View
>
</
View
>
)
}
export
default
LoadingBar
\ No newline at end of file
c_client/src/components/_tb_comps/LoadingBar/LoadingBar.module.less
0 → 100644
View file @
1ae8dc89
.load_container{
.load_content{
width: 200px;
height: 80px;
margin: 0 auto;
overflow: hidden;
}
.load_bg,
.load_top{
width: 200px;
height: 60px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
}
.load_top{
animation: move 15s linear forwards;
}
}
@keyframes move {
0%{
clip-path: inset(0% 0% 0% 0%);
}
99%{
opacity: 1;
}
100%{
clip-path: inset(0% 100% 0% 0%);
opacity: 0;
}
}
\ No newline at end of file
c_client/src/const.js
View file @
1ae8dc89
...
...
@@ -97,7 +97,7 @@ export const TASK_CONFIG = {
},
jumpLinkType
:
1
,
// 1 跳转浏览15s 才算完成 2 跳转即算完成
browseTime
:
15
,
// 浏览时间
browseGoodType
:
3
,
// 1 浏览15s 才算完成 2 点击就算完成任务 3 浏览指定商品详情页 15s
browseGoodType
:
1
,
// 1 浏览15s 才算完成 2 点击就算完成任务 3 浏览指定商品详情页 15s
showTaskType
:
1
,
// 1 弹窗 2 列表
orderGoodType
:
1
,
// 1 集合页下单 2 跳转店铺
}
...
...
c_client/src/pages/packageGood/browseGoods/browseGoods.jsx
View file @
1ae8dc89
...
...
@@ -8,6 +8,11 @@ import { TASK_CONFIG, BROSE_GOOD_TYPE } from '@/const'
import
{
commonToast
}
from
'tbcc-sdk-ts/lib/core/tb'
import
styles
from
'./browseGoods.module.less'
const
loadObj
=
{
PICTURE
:
'PICTURE'
,
NUMBER
:
"NUMBER"
,
DEFAULT
:
""
}
const
browseConfig
=
{
taskType
:
'browseGoods'
,
type
:
'01'
,
...
...
@@ -24,19 +29,190 @@ const browseConfig = {
no_collect
:
'//yun.duiba.com.cn/taobaomini/clientCTest/collection_no_collect@2x.png'
,
img
:
'//yun.duiba.com.cn/taobaomini/clientCTest/goods_img@2x.png'
},
color
:
'#181818'
color
:
'#181818'
,
loadFlag
:
loadObj
.
PICTURE
}
const
list
=
[
{
"itemId"
:
41762748280
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01oVcb3x1EAwGvKOhgC_!!2032870312-0-picasso.jpg"
,
"price"
:
"89.90"
,
"name"
:
"避孕套超薄中号冈本官方正品旗舰店安全套套子避育男用持润久0.01"
,
"url"
:
"https://item.taobao.com/item.htm?id=41762748280&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01DypJaF1EAwCLTysGt_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01GMKADp1EAwCHgCziU_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01mhBuAj1EAwCPBvsEt_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01m96nH81EAwCJP9jFC_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01u9zYTu1EAwCrf2mpO_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01cKa55c1EAwCHEA0aZ_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01Fs58Mj1EAwCKIhSkW_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN011AVYEO1EAwCO1aTxl_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><br> <img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01JNEZb41EAwF9ZpHvM_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01I9m2SM1EAwCUjIVLB_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
637727538858
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01Sr35MC1EAwGIQZZub_!!0-item_pic.jpg"
,
"price"
:
"94.90"
,
"name"
:
"冈本旗舰店0.03白金超薄避孕套系列6片装003套套男用安全成人用品"
,
"url"
:
"https://item.taobao.com/item.htm?id=637727538858&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01CD1sXk1EAwAVDtqrK_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01ZXWOHW1EAwC2Mgi4B_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01pDWAa81EAwANGIMgD_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><br> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
630862853821
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i4/2032870312/O1CN017ywnYM1EAwGgKVjwJ_!!0-item_pic.jpg"
,
"price"
:
"179.90"
,
"name"
:
"冈本官方旗舰店超薄避孕套超值量贩装男用持久情趣套套正品安全套"
,
"url"
:
"https://item.taobao.com/item.htm?id=630862853821&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01h16kYf1EAwELr3jxo_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01I9m2SM1EAwCUjIVLB_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
604642839549
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01kgEmZd1EAwGG7LTjo_!!2-item_pic.png"
,
"price"
:
"219.00"
,
"name"
:
"【0.03新品贴合润滑】冈本官方旗舰店正品003贴身滑超薄避孕套6片"
,
"url"
:
"https://item.taobao.com/item.htm?id=604642839549&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01RyCFOb1EAwAWgpY9u_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01gqhdui1EAwAZewDwe_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01TTrnlO1EAwAVkygwZ_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01usea1E1EAwC06qxzR_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01vi2LyK1EAwATKCPTw_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01voDvgs1EAwAVkz1ip_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
647187674381
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i3/2032870312/O1CN01Er4eOL1EAwH6MkLJF_!!0-item_pic.jpg"
,
"price"
:
"179.90"
,
"name"
:
"冈本官方旗舰店避孕套超薄零感套套男用情趣持久套正品安全套byt"
,
"url"
:
"https://item.taobao.com/item.htm?id=647187674381&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01kDrwVC1EAwG5w1vPD_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01Xjmj2l1EAwFyEYG9t_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01fiQrlp1EAwFzKpbZ1_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01kSg2Lm1EAwFsgUDV7_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01OfvbZl1EAwG1m9Wwa_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01sGj94k1EAwG564H4r_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01ugsEU91EAwFyEYnST_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01ovTYBJ1EAwFwic4TB_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01z5KJkE1EAwFyEYzvj_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
603002986449
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01JeXve11EAwGfjzHqZ_!!0-item_pic.jpg"
,
"price"
:
"98.80"
,
"name"
:
"冈本003避孕套超薄安全套官方旗舰店正品男用超润滑套套byt"
,
"url"
:
"https://item.taobao.com/item.htm?id=603002986449&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01gldzV81EAwANJwbfI_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01CJP32M1EAwBxRaECR_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01xZIKbT1EAwANJvbL2_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><br> <img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01wl11iM1EAwExCe0Er_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><br> <img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01eyMPas1EAwF8K9jFd_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p>"
},
{
"itemId"
:
637285661487
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i4/2032870312/O1CN01IZuIx51EAwH71unXs_!!0-item_pic.jpg"
,
"price"
:
"199.00"
,
"name"
:
"【入会享5折】冈本旗舰店避孕套超薄润滑男避育套套003安全套6片"
,
"url"
:
"https://item.taobao.com/item.htm?id=637285661487&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01GMKADp1EAwCHgCziU_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01mhBuAj1EAwCPBvsEt_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01cKa55c1EAwCHEA0aZ_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01I9m2SM1EAwCUjIVLB_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
643979759067
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01fFwlFa1EAwGl7ya2k_!!0-item_pic.jpg"
,
"price"
:
"199.00"
,
"name"
:
"冈本官方正品旗舰店避孕套超薄颗粒情趣超润滑男用持久安全套"
,
"url"
:
"https://item.taobao.com/item.htm?id=643979759067&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01pd28f41EAwFVVhXAi_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01kafRe91EAwFS4kGcR_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01y7BBmU1EAwFS4iK2b_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN017OO1Z01EAwFTDmp3a_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01n1vpre1EAwFU0mSLb_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01c2QGud1EAwFHyDLYN_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
625197198308
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01kNRnan1EAwGdiesng_!!0-item_pic.jpg"
,
"price"
:
"668.00"
,
"name"
:
"【003囤货装】冈本官方旗舰店正品0.03超薄避孕套003套套男用安全"
,
"url"
:
"https://item.taobao.com/item.htm?id=625197198308&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01TGRvJM1EAwBJUhzHz_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN016psrAS1EAwBStb2i1_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01vgi4u31EAwBLXAcpw_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01Jsr9wx1EAwBM8KyFC_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01udczt51EAwBGbVMK2_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01M2FO1g1EAwBJ1gVsf_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01P6B05q1EAwBIbadco_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01yQT8MW1EAwBJ1hiGj_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
44953265864
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN012wDChu1EAwGqxJOyv_!!0-item_pic.jpg"
,
"price"
:
"149.00"
,
"name"
:
"避孕套冈本003超薄正品旗舰店安全套套中号男女延0.01时持情趣久"
,
"url"
:
"https://item.taobao.com/item.htm?id=44953265864&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01z0BYYj1EAwDCcpEnX_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><br> </p> <p style=
\"
text-align: center;
\"
> </p>"
},
{
"itemId"
:
528265530793
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01O0O4Lp1EAwGg4y0za_!!0-item_pic.jpg"
,
"price"
:
"89.90"
,
"name"
:
"【玻尿酸润滑液】冈本润滑油剂夫妻用品水溶性人体男女用情趣私处"
,
"url"
:
"https://item.taobao.com/item.htm?id=528265530793&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN0194cqIZ1EAw8a9Q5Ur_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> <img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01bn3VA01EAw8Ws4h1K_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN010gyaUx1EAw8W7BV59_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN017RwKuy1EAw8W7AYqU_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01hU5Dio1EAw7WavDYK_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01zSilG81EAw7UZdHEo_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN015Dwgbo1EAwABWdxhH_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01QS6bvG1EAwAGE8EcD_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01lBw0VC1EAw7UwVDsM_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p>"
},
{
"itemId"
:
573293943564
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01oVgaq31EAwGOZekQN_!!2-item_pic.png"
,
"price"
:
"79.90"
,
"name"
:
"冈本官方旗舰店避孕套无感透薄套套10片装男用持久超润滑安全套"
,
"url"
:
"https://item.taobao.com/item.htm?id=573293943564&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img class=
\"
desc_anchor
\"
id=
\"
desc-module-1
\"
src=
\"
https://assets.alicdn.com/kissy/1.0.0/build/imglazyload/spaceball.gif
\"
></p> <p><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01Gbu0K61EAw9HWEQ12_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01NZpRwk1EAw9RG1C6q_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01wJn0UL1EAw9QTRXOz_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN014ZFTtX1EAw9N9EZdY_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01pEEPIK1EAw9P8bbos_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01tMUjq71EAw9PeR25p_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
38049467649
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01etTsvP1EAwGfksH6W_!!0-item_pic.jpg"
,
"price"
:
"139.00"
,
"name"
:
"【冰感透薄】冈本安全套旗舰店超薄避孕套男用套套情趣男正品byt"
,
"url"
:
"https://item.taobao.com/item.htm?id=38049467649&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01yG6tDq1EAwAWWu650_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01btyEB91EAwAecwKf7_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01hRXbQQ1EAwAZRqKdV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01bfUT9F1EAwAeWAPGV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
45536880524
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01ugAFmM1EAwGjzOh0C_!!0-item_pic.jpg"
,
"price"
:
"288.00"
,
"name"
:
"【超薄新体验】冈本官方旗舰店超薄避孕套男用套套正品男用安全套"
,
"url"
:
"https://item.taobao.com/item.htm?id=45536880524&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01yG6tDq1EAwAWWu650_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01btyEB91EAwAecwKf7_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01hRXbQQ1EAwAZRqKdV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01bfUT9F1EAwAeWAPGV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN012SG1LD1EAwDv7abeX_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
564942778404
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i4/2032870312/O1CN01UzTahU1EAwH4frEh0_!!0-item_pic.jpg"
,
"price"
:
"109.90"
,
"name"
:
"冈本官方旗舰店0.02避孕套003超薄0.01套套男用持久情趣安全套"
,
"url"
:
"https://item.taobao.com/item.htm?id=564942778404&spm=2015.32819095.0.0"
,
"desc"
:
"<p> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01ZDSPn51EAwAXqrEgQ_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01btyEB91EAwAecwKf7_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01hRXbQQ1EAwAZRqKdV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01bfUT9F1EAwAeWAPGV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
631248349054
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01KPS5bN1EAwGjkwF6x_!!0-item_pic.jpg"
,
"price"
:
"139.00"
,
"name"
:
"冈本官方旗舰店超薄避孕套超值装安全套男用超润滑持久套套byt"
,
"url"
:
"https://item.taobao.com/item.htm?id=631248349054&spm=2015.32819095.0.0"
,
"desc"
:
"<p style=
\"
text-align: center;
\"
> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01GMKADp1EAwCHgCziU_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01mhBuAj1EAwCPBvsEt_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01Fs58Mj1EAwCKIhSkW_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN011AVYEO1EAwCO1aTxl_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p style=
\"
text-align: center;
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01I9m2SM1EAwCUjIVLB_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><a href=
\"
https://market.m.taobao.com/app/miniapp-biz/qrcode/index.html?_ariver_appid=3000000002153653&page=pages%2Flanding%2Flanding%3FpageId%3D1464604
\"
target=
\"
_blank
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01UgfLNC1EAwCD3uttE_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></a></p>"
},
{
"itemId"
:
630732514531
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01lmfW7b1EAwGEUyCe2_!!2-item_pic.png"
,
"price"
:
"49.00"
,
"name"
:
"冈本SKIN超薄紧型避孕套男用10片旗舰店正品安全套成人用品byt"
,
"url"
:
"https://item.taobao.com/item.htm?id=630732514531&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01pfYSAQ1EAw7oOafO2_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01WqGLoC1EAwFgiMbJI_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01J5VNzk1EAw7mKzGVh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01z0oouU1EAw7ecoIER_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN019LZzLp1EAw7ouD7uS_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01jSTEph1EAw7mKyOUN_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p>"
},
{
"itemId"
:
572833841756
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01JELKbs1EAwGgA9WfX_!!0-item_pic.jpg"
,
"price"
:
"149.00"
,
"name"
:
"冈本旗舰店0.03白金系列超薄避孕套情趣男用润滑裸入10片装安全套"
,
"url"
:
"https://item.taobao.com/item.htm?id=572833841756&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01gSu0FR1EAwASu6bP2_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nLPaor1EAwAZcWeSY_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01vjg8yZ1EAwAXUZygX_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01tzkDTC1EAwBxwcEUO_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01jusdJ81EAwAYsLdUH_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01uT2aib1EAwARxJfmP_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01nSh0Iw1EAwAXDlulb_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p><img class=
\"
desc_anchor
\"
id=
\"
desc-module-4
\"
src=
\"
https://assets.alicdn.com/kissy/1.0.0/build/imglazyload/spaceball.gif
\"
></p> <p> </p>"
},
{
"itemId"
:
573611107609
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i1/2032870312/O1CN01JFWU2L1EAwGF4ruj4_!!2-item_pic.png"
,
"price"
:
"74.90"
,
"name"
:
"冈本官方旗舰店避孕套超润滑透薄系列套套10片装男用持久正品byt"
,
"url"
:
"https://item.taobao.com/item.htm?id=573611107609&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01emfrEX1EAw9RGRuVM_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01OOy6tH1EAw9QTs3J2_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01XikXmp1EAw9PenOCT_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01HNSsuT1EAw9N9bjO5_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01djdOlE1EAw9RGR2UT_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN019TJ0Kz1EAw9NS3qAH_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01FDIokI1EAwC34q9Rv_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qEQRnn1EAwC4wD3yV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i1/2032870312/O1CN01nZQXOR1EAwGfmbYYh_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
},
{
"itemId"
:
628533160056
,
"image"
:
"https://img.alicdn.com/bao/uploaded/i3/2032870312/O1CN01k8mmS61EAwH4fgMLp_!!0-item_pic.jpg"
,
"price"
:
"119.90"
,
"name"
:
"【肤感3合1】冈本官方旗舰店正品001超薄避孕安全套套男用003零感"
,
"url"
:
"https://item.taobao.com/item.htm?id=628533160056&spm=2015.32819095.0.0"
,
"desc"
:
"<p><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01VDrkib1EAwCNFpGpU_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN010gKrZl1EAwBxD25D2_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i3/2032870312/O1CN01vkIjpb1EAwBIqGsJL_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p> <p> </p> <p><img src=
\"
https://img.alicdn.com/imgextra/i2/2032870312/O1CN01wykYTn1EAwCSuA1fV_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
><img src=
\"
https://img.alicdn.com/imgextra/i4/2032870312/O1CN01qG819P1EAwGllcAoE_!!2032870312.jpg
\"
align=
\"
absmiddle
\"
></p>"
}
]
function
BrowseGoodsPage
()
{
const
{
params
:
{
itemIds
,
keepTime
}
}
=
useRouter
()
const
{
browseGoodType
,
browseTime
=
15
}
=
TASK_CONFIG
const
[
startTimer
,
setStartTimer
]
=
useState
(
false
)
const
preBrowseTime
=
useRef
(
null
)
const
currentItemId
=
useRef
(
''
)
const
usePercent
=
useRef
(
0
)
const
[
accumulateTime
,
setAccumulateTime
]
=
useState
(
+
keepTime
||
15
)
const
browserTimer
=
useRef
(
null
)
const
[
goodsList
,
setGoodsList
]
=
useState
([])
// test
// const [goodsList, setGoodsList] = useState(list)
const
{
browseGoodType
,
browseTime
=
15
}
=
TASK_CONFIG
const
{
params
:
{
itemIds
,
keepTime
}
}
=
useRouter
()
useEffect
(()
=>
{
getGoodsList
()
...
...
@@ -112,16 +288,20 @@ function BrowseGoodsPage() {
// 浏览页面定时器
const
browseGoodsTimes
=
()
=>
{
browserTimer
.
current
=
setInterval
(()
=>
{
usePercent
.
current
+=
1
console
.
warn
(
usePercent
.
current
)
const
keepTime_
=
browseTime
console
.
log
(
'enter the browse time '
);
usePercent
.
current
+=
1
setAccumulateTime
(
+
keepTime_
-
usePercent
.
current
)
console
.
warn
(
usePercent
.
current
,
keepTime_
)
if
(
usePercent
.
current
>=
keepTime_
)
{
onCompleteTask
()
clearInterval
(
browserTimer
.
current
)
usePercent
.
current
=
0
setAccumulateTime
(
0
)
}
},
1000
)
}
return
(
<
View
className=
{
styles
[
'page-container'
]
}
>
<
View
className=
{
styles
[
'page-psd-container'
]
}
style=
{
{
background
:
`url(${browseConfig.bg}) no-repeat`
,
backgroundSize
:
'750rpx 1624rpx'
}
}
>
...
...
@@ -130,7 +310,7 @@ function BrowseGoodsPage() {
<
GoodsTitle
config=
{
browseConfig
.
head
}
/>
</
View
>
<
View
className=
{
styles
[
'page-content__list'
]
}
>
<
GoodsList
goodsList=
{
goodsList
}
task=
{
browseConfig
}
onOpenDetail=
{
(
itemId
,
collected
)
=>
onOpenDetail
(
itemId
,
collected
)
}
/>
<
GoodsList
count=
{
accumulateTime
}
goodsList=
{
goodsList
}
task=
{
browseConfig
}
onOpenDetail=
{
(
itemId
,
collected
)
=>
onOpenDetail
(
itemId
,
collected
)
}
/>
</
View
>
</
View
>
</
View
>
...
...
@@ -139,3 +319,5 @@ function BrowseGoodsPage() {
}
export
default
BrowseGoodsPage
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment