index.html 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  8. <meta name='apple-touch-fullscreen' content='yes'>
  9. <meta name="apple-mobile-web-app-capable" content="yes"/>
  10. <meta content="fullscreen=yes,preventMove=no" name="ML-Config">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12. <meta name="renderer" content="webkit">
  13. <meta name="apple-mobile-web-app-capable" content="yes"/>
  14. <meta name="keywords" content="电子烟,关键字"/>
  15. <meta name="Description" content="网站描述"/>
  16. <title>首页</title>
  17. <link rel="stylesheet" href="/assets/api/css/common.css?t=108">
  18. <link rel="stylesheet" href="/assets/api/css/index.css?t=131">
  19. </head>
  20. <body>
  21. <!-- 头部导航栏 -->
  22. <header class="headerContainer">
  23. <!-- 顶部提示 -->
  24. <div class="warnContainer">
  25. <h4 class="warnText">containscontainscontainsWARNING: This product contains nicotine. Nicotine is an addicti
  26. </h4>
  27. </div>
  28. <!-- pc端头部 -->
  29. <div class="computerEndHeader">
  30. <a href="#">
  31. <h1 class="computerLogo">
  32. <img src="/assets/api/asstes/icon/logo.png" alt="Free Shipping Vapes" title="Free Shipping Vapes">
  33. </h1>
  34. </a>
  35. <div class="headNavContainer">
  36. <a href="#">
  37. <nav class="headNavItem active">
  38. <h2 class="headNavTitle">NEW VAPES</h2>
  39. <p class="back"></p>
  40. </nav>
  41. </a>
  42. <a href="#">
  43. <nav class="headNavItem">
  44. <h2 class="headNavTitle">DISPOSABLES</h2>
  45. <p class="back"></p>
  46. </nav>
  47. </a>
  48. </div>
  49. <div class="headIconContainer">
  50. <!-- 购物车 -->
  51. <div class="headIconItem shoppingCartIcon">
  52. <img src="/assets/api/asstes/icon/shoppingCart.png" alt="shoppingCart" tabindex="shoppingCart">
  53. </div>
  54. <!-- 收藏 -->
  55. <div class="headIconItem collectIcon">
  56. <img src="/assets/api/asstes/icon/collect.png" alt="collect" tabindex="collect">
  57. </div>
  58. <!-- 个人中心 -->
  59. <div class="headIconItem userIcon">
  60. <img src="/assets/api/asstes/icon/user.png" alt="user" tabindex="user">
  61. </div>
  62. </div>
  63. </div>
  64. <!-- 移动端头部 -->
  65. <div class="mobileEndHeader">
  66. <div class="mobileEndHeaderConten">
  67. <a href="#">
  68. <h1 class="mobileLogo">
  69. <img src="/assets/api/asstes/icon/logo.png" alt="Free Shipping Vapes" title="Free Shipping Vapes">
  70. </h1>
  71. </a>
  72. <div class="mobileUserIconList">
  73. <div class="mobileUserIcon userIcon">
  74. <img src="/assets/api/asstes/icon/user.png" alt="user" tabindex="user">
  75. </div>
  76. </div>
  77. <div class="mobileMenu">
  78. <p id="mobileMenuBot">
  79. <span id="mobileMenuLink"></span>
  80. </p>
  81. </div>
  82. </div>
  83. <!-- 移动端菜单 -->
  84. <section class="mobileMenuFixed">
  85. <div class="mobileMenuItem active">
  86. <a href="#">
  87. <h2 class="menuItemTitle">NEW VAPES</h2>
  88. </a>
  89. </div>
  90. <div class="mobileMenuItem">
  91. <a href="#">
  92. <h2 class="menuItemTitle">DISPOSABLES</h2>
  93. </a>
  94. </div>
  95. <div class="mobileMenuItem">
  96. <h2 class="menuItemTitle shoppingCartIcon">Shopping Cart</h2>
  97. </div>
  98. <div class="mobileMenuItem">
  99. <h2 class="menuItemTitle collectIcon">Collect</h2>
  100. </div>
  101. <div class="mobileMenuItem">
  102. <h2 class="menuItemTitle userIcon">Personal</h2>
  103. </div>
  104. </section>
  105. </div>
  106. </header>
  107. <main id="main">
  108. <!-- 轮播图 -->
  109. <section class="swiperContainer">
  110. <div class="swiperBox">
  111. <a href="#">
  112. <div class="swiperItem">
  113. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  114. data-original="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
  115. alt="提示信息seo" title="提示信息seo">
  116. </div>
  117. </a>
  118. <a href="#">
  119. <div class="swiperItem">
  120. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  121. data-original="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
  122. alt="提示信息seo" title="提示信息seo">
  123. </div>
  124. </a>
  125. </div>
  126. <div class="swiperNav"></div>
  127. </section>
  128. <!-- 商品模块 -->
  129. <section class="sectionContainer">
  130. <div class="elementorContainer">
  131. <!-- tab模块 -->
  132. <div class="tabContainer">
  133. <div class="tabItem active">
  134. <h3 class="tabName">NEW VAPES</h3>
  135. <img class="tabLink" src="/assets/api/asstes/icon/tabLinkIcon.png" alt="">
  136. <p class="tabUnderline"></p>
  137. </div>
  138. <div class="tabItem">
  139. <h3 class="tabName">video</h3>
  140. <img class="tabLink" src="/assets/api/asstes/icon/tabLinkIcon.png" alt="">
  141. <p class="tabUnderline"></p>
  142. </div>
  143. <div class="tabItem">
  144. <h3 class="tabName">BEST SELLERS</h3>
  145. <img class="tabLink" src="/assets/api/asstes/icon/tabLinkIcon.png" alt="">
  146. <p class="tabUnderline"></p>
  147. </div>
  148. </div>
  149. <!-- 新的商品模块 -->
  150. <div class="newGoodsContainer">
  151. {foreach $newGoods as $goods}
  152. <a href="">
  153. <div class="newGoodsItem">
  154. <div class="goodsImgBox">
  155. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  156. data-original="{$goods['goods_images'][0]['preview_url']}" alt="提示信息seo"
  157. title="提示信息seo">
  158. </div>
  159. <div class="goodsInfo">
  160. <div class="goodsTitleBox">
  161. <h3 class="goodsTitle">
  162. <span class="preTag">Pre-order</span>
  163. <span class="tText">{$goods['goods_name']}</span>
  164. </h3>
  165. </div>
  166. <div class="goodsPriceInfo">
  167. <p class="goodsPrice textEllipsis">
  168. <span>$</span>{$goods['goods_price_min']}
  169. </p>
  170. <div class="goodsCollect">
  171. <img src="/assets/api/asstes/icon/gsCollect.png" alt="collect" title="collect">
  172. <p class="collectNumber textEllipsis">99</p>
  173. </div>
  174. </div>
  175. <div class="goodsReviews">
  176. <div class="goodsStarContainer">
  177. {for start="1" end="6" step=1 name="i"}
  178. <p class="goodsStarItem">
  179. {lt name="i" value="$goods['goods_id']")}
  180. <img src="/assets/api/asstes/icon/selStar.png" alt="">
  181. {else/}
  182. <img src="/assets/api/asstes/icon/star.png" alt="">
  183. {/lt}
  184. </p>
  185. {/for}
  186. <!-- <p class="goodsStarItem">-->
  187. <!-- <img src="/assets/api/asstes/icon/selStar.png" alt="">-->
  188. <!-- </p>-->
  189. <!-- <p class="goodsStarItem">-->
  190. <!-- <img src="/assets/api/asstes/icon/star.png" alt="">-->
  191. <!-- </p>-->
  192. <!-- <p class="goodsStarItem">-->
  193. <!-- <img src="/assets/api/asstes/icon/star.png" alt="">-->
  194. <!-- </p>-->
  195. <!-- <p class="goodsStarItem">-->
  196. <!-- <img src="/assets/api/asstes/icon/star.png" alt="">-->
  197. <!-- </p>-->
  198. <!-- <p class="goodsStarItem">-->
  199. <!-- <img src="/assets/api/asstes/icon/star.png" alt="">-->
  200. <!-- </p>-->
  201. </div>
  202. <div class="reviewsNumber">
  203. <p class="number textEllipsis">{$goods['comment_cnt']}</p>
  204. <p class="text textEllipsis">Reviews</p>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </a>
  210. {/foreach}
  211. </div>
  212. </div>
  213. </section>
  214. <!-- 新闻中心模块 -->
  215. <article class="sectionContainer newConterContainer">
  216. <div class="elementorContainer">
  217. <!-- tab模块 -->
  218. <div class="tabContainer">
  219. <div class="tabItem active">
  220. <h3 class="tabName">NEWS CENTER</h3>
  221. <img class="tabLink" src="/assets/api/asstes/icon/tabLinkIcon.png" alt="">
  222. <p class="tabUnderline"></p>
  223. </div>
  224. </div>
  225. <div class="newConterBox">
  226. {foreach $article as $art}
  227. <a href="">
  228. <div class="newConterItem">
  229. <div class="newsDateBox">
  230. <p>{$art['month_day']}</p>
  231. <p class="year">{$art['year']}</p>
  232. </div>
  233. <div class="newConterImg">
  234. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  235. data-original="{$art['image_url']}"
  236. alt="">
  237. </div>
  238. <div class="newConterInfo">
  239. <h3 class="newConterTitle">{$art['title']}</h3>
  240. <div class="newsInfoRl">
  241. <p class="rlDate">{$art['date']}</p>
  242. <div class="newsMore">
  243. <p class="textEllipsis">More</p>
  244. <span>+</span>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. </a>
  250. {/foreach}
  251. <!-- <a href="">-->
  252. <!-- <div class="newConterItem">-->
  253. <!-- <div class="newsDateBox">-->
  254. <!-- <p>02-06</p>-->
  255. <!-- <p class="year">2024</p>-->
  256. <!-- </div>-->
  257. <!-- <div class="newConterImg">-->
  258. <!-- <img class="lazy" src="/assets/api/asstes/icon/transparent.png"-->
  259. <!-- data-original="https://img0.baidu.com/it/u=3316636492,2799302396&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1709398800&t=0b33f33f41e44709ced5e8c8a1113b6b"-->
  260. <!-- alt="">-->
  261. <!-- </div>-->
  262. <!-- <div class="newConterInfo">-->
  263. <!-- <h3 class="newConterTitle">Explore a Variety of ChoicesExplore a Variety of Choices-->
  264. <!-- Whether yoExplore a Variety of Choices Whether yoExplore a Variety of Choices-->
  265. <!-- Whether yo Whether you're-->
  266. <!-- aseasonedvaper or</h3>-->
  267. <!-- <div class="newsInfoRl">-->
  268. <!-- <p class="rlDate">2024-02-06</p>-->
  269. <!-- <div class="newsMore active">-->
  270. <!-- <p class="textEllipsis">More</p>-->
  271. <!-- <span>+</span>-->
  272. <!-- </div>-->
  273. <!-- </div>-->
  274. <!-- </div>-->
  275. <!-- </div>-->
  276. <!-- </a>-->
  277. </div>
  278. </div>
  279. </article>
  280. <!-- 超级交易模块 -->
  281. <section class="sectionContainer superDealContainer">
  282. <div class="elementorContainer">
  283. <h2 class="superDealTitle">Super Deal</h2>
  284. <div class="newGoodsContainer ">
  285. <div class="newGoodsItem">
  286. <img class="goodsCoverImg lazy" src="/assets/api/asstes/icon/transparent.png"
  287. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
  288. </div>
  289. <a href="">
  290. <div class="newGoodsItem">
  291. <div class="newGoodsTag">New</div>
  292. <div class="goodsImgBox">
  293. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  294. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
  295. title="提示信息seo">
  296. </div>
  297. <div class="goodsInfo">
  298. <div class="goodsTitleBox">
  299. <h3 class="goodsTitle">
  300. <span class="preTag">Pre-order</span>
  301. <span class="tText">Blue Hot Selling 5th Generation Machine</span>
  302. </h3>
  303. </div>
  304. <div class="goodsPriceInfo">
  305. <p class="goodsPrice textEllipsis">
  306. <span>$</span>999.99
  307. </p>
  308. <div class="goodsCollect">
  309. <img src="/assets/api/asstes/icon/gsCollect.png" alt="collect" title="collect">
  310. <p class="collectNumber textEllipsis">99</p>
  311. </div>
  312. </div>
  313. <div class="goodsReviews">
  314. <div class="goodsStarContainer">
  315. <p class="goodsStarItem">
  316. <img src="/assets/api/asstes/icon/selStar.png" alt="">
  317. </p>
  318. <p class="goodsStarItem">
  319. <img src="/assets/api/asstes/icon/star.png" alt="">
  320. </p>
  321. <p class="goodsStarItem">
  322. <img src="/assets/api/asstes/icon/star.png" alt="">
  323. </p>
  324. <p class="goodsStarItem">
  325. <img src="/assets/api/asstes/icon/star.png" alt="">
  326. </p>
  327. <p class="goodsStarItem">
  328. <img src="/assets/api/asstes/icon/star.png" alt="">
  329. </p>
  330. </div>
  331. <div class="reviewsNumber">
  332. <p class="number textEllipsis">9999</p>
  333. <p class="text textEllipsis">Reviews</p>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. </a>
  339. <a href="">
  340. <div class="newGoodsItem">
  341. <div class="goodsImgBox">
  342. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  343. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
  344. title="提示信息seo">
  345. </div>
  346. <div class="goodsInfo">
  347. <div class="goodsTitleBox">
  348. <h3 class="goodsTitle">
  349. <span class="preTag">Pre-order</span>
  350. <span class="tText">Blue Hot Selling 5th Generation Machine</span>
  351. </h3>
  352. </div>
  353. <div class="goodsPriceInfo">
  354. <p class="goodsPrice textEllipsis">
  355. <span>$</span>999.99
  356. </p>
  357. <div class="goodsCollect">
  358. <img src="/assets/api/asstes/icon/gsCollect.png" alt="collect" title="collect">
  359. <p class="collectNumber textEllipsis">99</p>
  360. </div>
  361. </div>
  362. <div class="goodsReviews">
  363. <div class="goodsStarContainer">
  364. <p class="goodsStarItem">
  365. <img src="/assets/api/asstes/icon/selStar.png" alt="">
  366. </p>
  367. <p class="goodsStarItem">
  368. <img src="/assets/api/asstes/icon/star.png" alt="">
  369. </p>
  370. <p class="goodsStarItem">
  371. <img src="/assets/api/asstes/icon/star.png" alt="">
  372. </p>
  373. <p class="goodsStarItem">
  374. <img src="/assets/api/asstes/icon/star.png" alt="">
  375. </p>
  376. <p class="goodsStarItem">
  377. <img src="/assets/api/asstes/icon/star.png" alt="">
  378. </p>
  379. </div>
  380. <div class="reviewsNumber">
  381. <p class="number textEllipsis">9999</p>
  382. <p class="text textEllipsis">Reviews</p>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387. </a>
  388. <a href="">
  389. <div class="newGoodsItem">
  390. <div class="goodsImgBox">
  391. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  392. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
  393. title="提示信息seo">
  394. </div>
  395. <div class="goodsInfo">
  396. <div class="goodsTitleBox">
  397. <h3 class="goodsTitle">
  398. <span class="preTag">Pre-order</span>
  399. <span class="tText">Blue Hot Selling 5th Generation Machine</span>
  400. </h3>
  401. </div>
  402. <div class="goodsPriceInfo">
  403. <p class="goodsPrice textEllipsis">
  404. <span>$</span>999.99
  405. </p>
  406. <div class="goodsCollect">
  407. <img src="/assets/api/asstes/icon/gsCollect.png" alt="collect" title="collect">
  408. <p class="collectNumber textEllipsis">99</p>
  409. </div>
  410. </div>
  411. <div class="goodsReviews">
  412. <div class="goodsStarContainer">
  413. <p class="goodsStarItem">
  414. <img src="/assets/api/asstes/icon/selStar.png" alt="">
  415. </p>
  416. <p class="goodsStarItem">
  417. <img src="/assets/api/asstes/icon/star.png" alt="">
  418. </p>
  419. <p class="goodsStarItem">
  420. <img src="/assets/api/asstes/icon/star.png" alt="">
  421. </p>
  422. <p class="goodsStarItem">
  423. <img src="/assets/api/asstes/icon/star.png" alt="">
  424. </p>
  425. <p class="goodsStarItem">
  426. <img src="/assets/api/asstes/icon/star.png" alt="">
  427. </p>
  428. </div>
  429. <div class="reviewsNumber">
  430. <p class="number textEllipsis">9999</p>
  431. <p class="text textEllipsis">Reviews</p>
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436. </a>
  437. </div>
  438. <div class="newGoodsContainer ">
  439. <div class="newGoodsItem">
  440. <img class="goodsCoverImg lazy" src="/assets/api/asstes/icon/transparent.png"
  441. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="">
  442. </div>
  443. <a href="">
  444. <div class="newGoodsItem">
  445. <div class="newGoodsTag">New</div>
  446. <div class="goodsImgBox">
  447. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  448. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
  449. title="提示信息seo">
  450. </div>
  451. <div class="goodsInfo">
  452. <div class="goodsTitleBox">
  453. <h3 class="goodsTitle">
  454. <span class="preTag">Pre-order</span>
  455. <span class="tText">Blue Hot Selling 5th Generation Machine</span>
  456. </h3>
  457. </div>
  458. <div class="goodsPriceInfo">
  459. <p class="goodsPrice textEllipsis">
  460. <span>$</span>999.99
  461. </p>
  462. <div class="goodsCollect">
  463. <img src="/assets/api/asstes/icon/gsCollect.png" alt="collect" title="collect">
  464. <p class="collectNumber textEllipsis">99</p>
  465. </div>
  466. </div>
  467. <div class="goodsReviews">
  468. <div class="goodsStarContainer">
  469. <p class="goodsStarItem">
  470. <img src="/assets/api/asstes/icon/selStar.png" alt="">
  471. </p>
  472. <p class="goodsStarItem">
  473. <img src="/assets/api/asstes/icon/star.png" alt="">
  474. </p>
  475. <p class="goodsStarItem">
  476. <img src="/assets/api/asstes/icon/star.png" alt="">
  477. </p>
  478. <p class="goodsStarItem">
  479. <img src="/assets/api/asstes/icon/star.png" alt="">
  480. </p>
  481. <p class="goodsStarItem">
  482. <img src="/assets/api/asstes/icon/star.png" alt="">
  483. </p>
  484. </div>
  485. <div class="reviewsNumber">
  486. <p class="number textEllipsis">9999</p>
  487. <p class="text textEllipsis">Reviews</p>
  488. </div>
  489. </div>
  490. </div>
  491. </div>
  492. </a>
  493. <a href="">
  494. <div class="newGoodsItem">
  495. <div class="goodsImgBox">
  496. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  497. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
  498. title="提示信息seo">
  499. </div>
  500. <div class="goodsInfo">
  501. <div class="goodsTitleBox">
  502. <h3 class="goodsTitle">
  503. <span class="preTag">Pre-order</span>
  504. <span class="tText">Blue Hot Selling 5th Generation Machine</span>
  505. </h3>
  506. </div>
  507. <div class="goodsPriceInfo">
  508. <p class="goodsPrice textEllipsis">
  509. <span>$</span>999.99
  510. </p>
  511. <div class="goodsCollect">
  512. <img src="/assets/api/asstes/icon/gsCollect.png" alt="collect" title="collect">
  513. <p class="collectNumber textEllipsis">99</p>
  514. </div>
  515. </div>
  516. <div class="goodsReviews">
  517. <div class="goodsStarContainer">
  518. <p class="goodsStarItem">
  519. <img src="/assets/api/asstes/icon/selStar.png" alt="">
  520. </p>
  521. <p class="goodsStarItem">
  522. <img src="/assets/api/asstes/icon/star.png" alt="">
  523. </p>
  524. <p class="goodsStarItem">
  525. <img src="/assets/api/asstes/icon/star.png" alt="">
  526. </p>
  527. <p class="goodsStarItem">
  528. <img src="/assets/api/asstes/icon/star.png" alt="">
  529. </p>
  530. <p class="goodsStarItem">
  531. <img src="/assets/api/asstes/icon/star.png" alt="">
  532. </p>
  533. </div>
  534. <div class="reviewsNumber">
  535. <p class="number textEllipsis">9999</p>
  536. <p class="text textEllipsis">Reviews</p>
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. </a>
  542. <a href="">
  543. <div class="newGoodsItem">
  544. <div class="goodsImgBox">
  545. <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
  546. data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
  547. title="提示信息seo">
  548. </div>
  549. <div class="goodsInfo">
  550. <div class="goodsTitleBox">
  551. <h3 class="goodsTitle">
  552. <span class="preTag">Pre-order</span>
  553. <span class="tText">Blue Hot Selling 5th Generation Machine</span>
  554. </h3>
  555. </div>
  556. <div class="goodsPriceInfo">
  557. <p class="goodsPrice textEllipsis">
  558. <span>$</span>999.99
  559. </p>
  560. <div class="goodsCollect">
  561. <img src="/assets/api/asstes/icon/gsCollect.png" alt="collect" title="collect">
  562. <p class="collectNumber textEllipsis">99</p>
  563. </div>
  564. </div>
  565. <div class="goodsReviews">
  566. <div class="goodsStarContainer">
  567. <p class="goodsStarItem">
  568. <img src="/assets/api/asstes/icon/selStar.png" alt="">
  569. </p>
  570. <p class="goodsStarItem">
  571. <img src="/assets/api/asstes/icon/star.png" alt="">
  572. </p>
  573. <p class="goodsStarItem">
  574. <img src="/assets/api/asstes/icon/star.png" alt="">
  575. </p>
  576. <p class="goodsStarItem">
  577. <img src="/assets/api/asstes/icon/star.png" alt="">
  578. </p>
  579. <p class="goodsStarItem">
  580. <img src="/assets/api/asstes/icon/star.png" alt="">
  581. </p>
  582. </div>
  583. <div class="reviewsNumber">
  584. <p class="number textEllipsis">9999</p>
  585. <p class="text textEllipsis">Reviews</p>
  586. </div>
  587. </div>
  588. </div>
  589. </div>
  590. </a>
  591. </div>
  592. </div>
  593. </section>
  594. <!-- 盟友模块 -->
  595. <section class="sectionContainer partnersContainer">
  596. <div class="elementorContainer">
  597. <h2 class="partnersTitle">Partners</h2>
  598. <div class="partnersList">
  599. <div class="partnersItem">
  600. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  601. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  602. </div>
  603. <div class="partnersItem">
  604. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  605. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  606. </div>
  607. <div class="partnersItem">
  608. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  609. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  610. </div>
  611. <div class="partnersItem">
  612. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  613. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  614. </div>
  615. <div class="partnersItem">
  616. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  617. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  618. </div>
  619. <div class="partnersItem">
  620. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  621. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  622. </div>
  623. <div class="partnersItem">
  624. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  625. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  626. </div>
  627. <div class="partnersItem">
  628. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  629. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  630. </div>
  631. <div class="partnersItem">
  632. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  633. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  634. </div>
  635. <div class="partnersItem">
  636. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  637. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  638. </div>
  639. <div class="partnersItem">
  640. <img class="partnersLogo lazy" src="/assets/api/asstes/icon/transparent.png"
  641. data-original="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
  642. </div>
  643. </div>
  644. </div>
  645. </section>
  646. </main>
  647. <!-- 底部 -->
  648. <footer class="footerContainer">
  649. <section class="sectionContainer">
  650. <div class="elementorContainer">
  651. <div class="footerConter">
  652. <div class="leftText">
  653. <p class="ltK">NEWALETTER</p>
  654. <p class="ltV">Sign up for the Vapesourcing newsletter</p>
  655. </div>
  656. <div class="footerInuptBox">
  657. <img class="mailIcon" src="/assets/api/asstes/icon//mailIcon.png" alt="">
  658. <input class="footerInupt" type="text">
  659. <img class="arrowIcon" src="/assets/api/asstes/icon/arrowIcon.png" alt="">
  660. </div>
  661. <div class="footerIconContainer">
  662. <div class="footerIconList">
  663. <a href="#">
  664. <div class="footerIconItem">
  665. <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
  666. </div>
  667. </a>
  668. <a href="#">
  669. <div class="footerIconItem">
  670. <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
  671. </div>
  672. </a>
  673. <a href="#">
  674. <div class="footerIconItem">
  675. <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
  676. </div>
  677. </a>
  678. </div>
  679. <div class="footerVlsaImg">
  680. <a href="#">
  681. <div class="footerVlsaItem">
  682. <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
  683. alt="">
  684. </div>
  685. </a>
  686. <a href="#">
  687. <div class="footerVlsaItem">
  688. <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
  689. alt="">
  690. </div>
  691. </a>
  692. <a href="#">
  693. <div class="footerVlsaItem">
  694. <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
  695. alt="">
  696. </div>
  697. </a>
  698. </div>
  699. </div>
  700. </div>
  701. </div>
  702. </section>
  703. </footer>
  704. <!-- 年龄提示层 -->
  705. <section class="maskContainer">
  706. <div class="ageReminderBox">
  707. <img class="ageReminderBack"
  708. src="https://img1.baidu.com/it/u=3449617615,1431463931&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1709485200&t=489bafcac7c5bebed91cf50c14356269"
  709. alt="">
  710. <div class="ageReminderInfo">
  711. <h3>ARE YOU OF LEAAL SMOKIND AGE?</h3>
  712. <div class="ageReminderButBox">
  713. <div class="ageRBut ageReminderNo"><span>NO</span></div>
  714. <div class="ageRBut ageReminderYes"><span>Yes, I am 21+</span></div>
  715. </div>
  716. </div>
  717. </div>
  718. </section>
  719. </body>
  720. <script src="/assets/api/js/jquery-1.12.0.js"></script>
  721. <script src="/assets/api/js/flexible.js"></script>
  722. <script src="/assets/api/js/swiper.js?t=6"></script>
  723. <script src="/assets/api/js/jquery.lazyload.js"></script>
  724. <script src="/assets/api/js/index.js?t=2"></script>
  725. <script>
  726. $(document).ready(function () {
  727. //用户存储token名
  728. const VAPES_TOKEN = "vapes_token"
  729. //触屏事件 || 点击事件
  730. const tap = "ontouchstart" in window ? "touchstart" : "click";
  731. /**
  732. * 登录
  733. * @returns
  734. */
  735. const login = () => {
  736. localStorage.setItem(VAPES_TOKEN, "123")
  737. }
  738. /**
  739. * 登录校验点击
  740. * @param state 是否弹窗登陆框
  741. * @returns
  742. */
  743. const isLogin = (state) => {
  744. const vapesToken = localStorage.getItem(VAPES_TOKEN);
  745. state = state || true;
  746. //弹窗登陆框
  747. if (state) {
  748. console.log("弹窗登陆框")
  749. }
  750. return vapesToken && vapesToken !== "";
  751. }
  752. /**
  753. * 退出登陆
  754. * @returns
  755. */
  756. const loginOut = () => {
  757. localStorage.removeItem(VAPES_TOKEN)
  758. }
  759. //前往购物车
  760. $(".shoppingCartIcon").on(tap, function () {
  761. const state = isLogin()
  762. if (state) {
  763. }
  764. });
  765. //前往收藏
  766. $(".collectIcon").on(tap, function () {
  767. const state = isLogin()
  768. if (state) {
  769. }
  770. });
  771. //前往个人中心
  772. $(".userIcon").on(tap, function () {
  773. const state = isLogin()
  774. if (state) {
  775. }
  776. });
  777. })
  778. </script>
  779. </html>