|
|
@@ -4,276 +4,287 @@
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport"
|
|
|
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
|
|
|
<meta name='apple-touch-fullscreen' content='yes'>
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
|
<meta content="fullscreen=yes,preventMove=no" name="ML-Config">
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<meta name="renderer" content="webkit">
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
- <meta name="keywords" content="电子烟,关键字" />
|
|
|
- <meta name="Description" content="网站描述" />
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
|
+ <meta name="keywords" content="电子烟,关键字"/>
|
|
|
+ <meta name="Description" content="网站描述"/>
|
|
|
<title>购物车</title>
|
|
|
<link rel="stylesheet" href="/assets/api/css/common.css?t=18">
|
|
|
<link rel="stylesheet" href="/assets/api/css/shoppingCart.css?t=5">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <!-- 头部导航栏 -->
|
|
|
- <header class="headerContainer" id="headerContainer">
|
|
|
- <!-- 顶部提示 -->
|
|
|
- <div class="warnContainer">
|
|
|
- <h4 class="warnText">containscontainscontainsWARNING: This product contains nicotine. Nicotine is an addicti
|
|
|
- </h4>
|
|
|
+<!-- 头部导航栏 -->
|
|
|
+<header class="headerContainer" id="headerContainer">
|
|
|
+ <!-- 顶部提示 -->
|
|
|
+ <div class="warnContainer">
|
|
|
+ <h4 class="warnText">containscontainscontainsWARNING: This product contains nicotine. Nicotine is an addicti
|
|
|
+ </h4>
|
|
|
+ </div>
|
|
|
+ <!-- pc端头部 -->
|
|
|
+ <div id="computerEndHeader">
|
|
|
+ <a href="../index/index.html">
|
|
|
+ <h1 class="computerLogo">
|
|
|
+ <img src="/assets/api/asstes/icon/logo.png" alt="Free Shipping Vapes" title="Free Shipping Vapes">
|
|
|
+ </h1>
|
|
|
+ </a>
|
|
|
+ <div class="headNavContainer">
|
|
|
+ <nav class="headNavItem active">
|
|
|
+ <h2 class="headNavTitle">NEW VAPES</h2>
|
|
|
+ <p class="back"></p>
|
|
|
+ </nav>
|
|
|
+ <nav class="headNavItem">
|
|
|
+ <h2 class="headNavTitle">DISPOSABLES</h2>
|
|
|
+ <p class="back"></p>
|
|
|
+ </nav>
|
|
|
</div>
|
|
|
- <!-- pc端头部 -->
|
|
|
- <div id="computerEndHeader">
|
|
|
- <a href="../index/index.html">
|
|
|
- <h1 class="computerLogo">
|
|
|
- <img src="/assets/api/asstes/icon/logo.png" alt="Free Shipping Vapes" title="Free Shipping Vapes">
|
|
|
- </h1>
|
|
|
- </a>
|
|
|
- <div class="headNavContainer">
|
|
|
- <nav class="headNavItem active">
|
|
|
- <h2 class="headNavTitle">NEW VAPES</h2>
|
|
|
- <p class="back"></p>
|
|
|
- </nav>
|
|
|
- <nav class="headNavItem">
|
|
|
- <h2 class="headNavTitle">DISPOSABLES</h2>
|
|
|
- <p class="back"></p>
|
|
|
- </nav>
|
|
|
- </div>
|
|
|
- <div class="headIconContainer">
|
|
|
- <!-- 购物车 -->
|
|
|
+ <div class="headIconContainer">
|
|
|
+ <!-- 购物车 -->
|
|
|
+ <a href="./shoppingCart.html">
|
|
|
<div class="headIconItem shoppingCartIcon">
|
|
|
<img src="/assets/api/asstes/icon/shoppingCart.png" alt="shoppingCart" tabindex="shoppingCart">
|
|
|
</div>
|
|
|
- <!-- 收藏 -->
|
|
|
- <div class="headIconItem collectIcon">
|
|
|
- <img src="/assets/api/asstes/icon/collect.png" alt="collect" tabindex="collect">
|
|
|
- </div>
|
|
|
- <!-- 个人中心 -->
|
|
|
+ </a>
|
|
|
+ <!-- 收藏 -->
|
|
|
+ <div class="headIconItem collectIcon">
|
|
|
+ <img src="/assets/api/asstes/icon/collect.png" alt="collect" tabindex="collect">
|
|
|
+ </div>
|
|
|
+ <!-- 个人中心 -->
|
|
|
+ <a href="../user/personal.html">
|
|
|
<div class="headIconItem userIcon">
|
|
|
<img src="/assets/api/asstes/icon/user.png" alt="user" tabindex="user">
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <!-- 移动端头部 -->
|
|
|
- <div id="mobileEndHeader">
|
|
|
- <div class="mobileEndHeaderConten">
|
|
|
- <a href="../index/index.html">
|
|
|
- <h1 class="mobileLogo">
|
|
|
- <img src="/assets/api/asstes/icon/logo.png" alt="Free Shipping Vapes" title="Free Shipping Vapes">
|
|
|
- </h1>
|
|
|
- </a>
|
|
|
- <div class="mobileUserIconList">
|
|
|
- <div class="mobileUserIcon userIcon">
|
|
|
- <img src="/assets/api/asstes/icon/user.png" alt="user" tabindex="user">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mobileMenu">
|
|
|
- <p id="mobileMenuBot">
|
|
|
- <span id="mobileMenuLink"></span>
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
+ <!-- 移动端头部 -->
|
|
|
+ <div id="mobileEndHeader">
|
|
|
+ <div class="mobileEndHeaderConten">
|
|
|
+ <a href="../index/index.html">
|
|
|
+ <h1 class="mobileLogo">
|
|
|
+ <img src="/assets/api/asstes/icon/logo.png" alt="Free Shipping Vapes" title="Free Shipping Vapes">
|
|
|
+ </h1>
|
|
|
+ </a>
|
|
|
+ <div class="mobileUserIconList">
|
|
|
+ <div class="mobileUserIcon userIcon">
|
|
|
+ <img src="/assets/api/asstes/icon/user.png" alt="user" tabindex="user">
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 移动端菜单 -->
|
|
|
- <section class="mobileMenuFixed">
|
|
|
- <div class="mobileMenuItem">
|
|
|
+ <div class="mobileMenu">
|
|
|
+ <p id="mobileMenuBot">
|
|
|
+ <span id="mobileMenuLink"></span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 移动端菜单 -->
|
|
|
+ <section class="mobileMenuFixed">
|
|
|
+ <div class="mobileMenuItem active">
|
|
|
+ <a href="#">
|
|
|
<h2 class="menuItemTitle">NEW VAPES</h2>
|
|
|
- </div>
|
|
|
- <div class="mobileMenuItem">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mobileMenuItem">
|
|
|
+ <a href="#">
|
|
|
<h2 class="menuItemTitle">DISPOSABLES</h2>
|
|
|
- </div>
|
|
|
- <div class="mobileMenuItem active">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mobileMenuItem">
|
|
|
+ <a href="./shoppingCart.html">
|
|
|
<h2 class="menuItemTitle shoppingCartIcon">Shopping Cart</h2>
|
|
|
- </div>
|
|
|
- <div class="mobileMenuItem">
|
|
|
- <h2 class="menuItemTitle collectIcon">Collect</h2>
|
|
|
- </div>
|
|
|
- <div class="mobileMenuItem">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="mobileMenuItem">
|
|
|
+ <h2 class="menuItemTitle collectIcon">Collect</h2>
|
|
|
+ </div>
|
|
|
+ <div class="mobileMenuItem">
|
|
|
+ <a href="../user/personal.html">
|
|
|
<h2 class="menuItemTitle userIcon">Personal</h2>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- </header>
|
|
|
- <main id="main">
|
|
|
- <section class="pageContainer">
|
|
|
- <h1 class="pageTitle">Shopping Cart</h1>
|
|
|
- <div class="pageDataBox">
|
|
|
- <!-- 商品模块 -->
|
|
|
- <section class="productConatiner">
|
|
|
- <h3 class="productModelTitle">Product</h3>
|
|
|
- <div class="productList">
|
|
|
- <div class="productItem" data-id="购物车商品id1">
|
|
|
- <div class="productImgBox">
|
|
|
- <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
|
|
|
- data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
|
|
|
- title="提示信息seo">
|
|
|
- </div>
|
|
|
- <div class="productInfo">
|
|
|
- <div class="lfBox">
|
|
|
- <h2 class="productTitle">AAAA VAPES</h2>
|
|
|
- <p class="specs">specs</p>
|
|
|
- </div>
|
|
|
- <div class="nunberBox">
|
|
|
- <p class="numberReduce">-</p>
|
|
|
- <p class="numberInput">1</p>
|
|
|
- <p class="numberAdd">+</p>
|
|
|
- </div>
|
|
|
- <p class="productPrice">$99.99</p>
|
|
|
- <div class="productDelete">
|
|
|
- <img src="/assets/api/asstes/icon/productDelete.png" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </a></div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+</header>
|
|
|
+<main id="main">
|
|
|
+ <section class="pageContainer">
|
|
|
+ <h1 class="pageTitle">Shopping Cart</h1>
|
|
|
+ <div class="pageDataBox">
|
|
|
+ <!-- 商品模块 -->
|
|
|
+ <section class="productConatiner">
|
|
|
+ <h3 class="productModelTitle">Product</h3>
|
|
|
+ <div class="productList">
|
|
|
+ <div class="productItem" data-id="购物车商品id1">
|
|
|
+ <div class="productImgBox">
|
|
|
+ <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
|
|
|
+ data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
|
|
|
+ title="提示信息seo">
|
|
|
</div>
|
|
|
- <div class="productItem" data-id="购物车商品id2">
|
|
|
- <div class="productImgBox">
|
|
|
- <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
|
|
|
- data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
|
|
|
- title="提示信息seo">
|
|
|
+ <div class="productInfo">
|
|
|
+ <div class="lfBox">
|
|
|
+ <h2 class="productTitle">AAAA VAPES</h2>
|
|
|
+ <p class="specs">specs</p>
|
|
|
</div>
|
|
|
- <div class="productInfo">
|
|
|
- <div class="lfBox">
|
|
|
- <h2 class="productTitle">AAAA VAPES</h2>
|
|
|
- <p class="specs">specs</p>
|
|
|
- </div>
|
|
|
- <div class="nunberBox">
|
|
|
- <p class="numberReduce">-</p>
|
|
|
- <p class="numberInput">1</p>
|
|
|
- <p class="numberAdd">+</p>
|
|
|
- </div>
|
|
|
- <p class="productPrice">$99.99</p>
|
|
|
- <div class="productDelete">
|
|
|
- <img src="/assets/api/asstes/icon/productDelete.png" alt="">
|
|
|
- </div>
|
|
|
+ <div class="nunberBox">
|
|
|
+ <p class="numberReduce">-</p>
|
|
|
+ <p class="numberInput">1</p>
|
|
|
+ <p class="numberAdd">+</p>
|
|
|
+ </div>
|
|
|
+ <p class="productPrice">$99.99</p>
|
|
|
+ <div class="productDelete">
|
|
|
+ <img src="/assets/api/asstes/icon/productDelete.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- <!-- 结算模块 -->
|
|
|
- <section class="windContainer">
|
|
|
- <div class="windTBox">
|
|
|
- <p class="lt">Add a coupon</p>
|
|
|
- <p class="cartTotals">CART TOTALS</p>
|
|
|
- </div>
|
|
|
- <div class="linkItem">
|
|
|
- <div class="windInfoBox">
|
|
|
- <p class="key">Subtotal</p>
|
|
|
- <p class="val">$99.99</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="mbItem">
|
|
|
- <div class="windInfoBox">
|
|
|
- <p class="key">Shipping</p>
|
|
|
- <p class="val">$99.99</p>
|
|
|
+ <div class="productItem" data-id="购物车商品id2">
|
|
|
+ <div class="productImgBox">
|
|
|
+ <img class="lazy" src="/assets/api/asstes/icon/transparent.png"
|
|
|
+ data-original="https://www.buranshao.com/Content/Img/iqos3duo.jpg" alt="提示信息seo"
|
|
|
+ title="提示信息seo">
|
|
|
</div>
|
|
|
- <div class="windInfoBox">
|
|
|
- <p class="key">Free shipping</p>
|
|
|
+ <div class="productInfo">
|
|
|
+ <div class="lfBox">
|
|
|
+ <h2 class="productTitle">AAAA VAPES</h2>
|
|
|
+ <p class="specs">specs</p>
|
|
|
+ </div>
|
|
|
+ <div class="nunberBox">
|
|
|
+ <p class="numberReduce">-</p>
|
|
|
+ <p class="numberInput">1</p>
|
|
|
+ <p class="numberAdd">+</p>
|
|
|
+ </div>
|
|
|
+ <p class="productPrice">$99.99</p>
|
|
|
+ <div class="productDelete">
|
|
|
+ <img src="/assets/api/asstes/icon/productDelete.png" alt="">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="mbItem">
|
|
|
- <div class="windInfoBox">
|
|
|
- <p class="key">Shipping to California, United States (us)</p>
|
|
|
- </div>
|
|
|
- <div class="windInfoBox">
|
|
|
- <p class="key changeAddress">Change address</p>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- 结算模块 -->
|
|
|
+ <section class="windContainer">
|
|
|
+ <div class="windTBox">
|
|
|
+ <p class="lt">Add a coupon</p>
|
|
|
+ <p class="cartTotals">CART TOTALS</p>
|
|
|
+ </div>
|
|
|
+ <div class="linkItem">
|
|
|
+ <div class="windInfoBox">
|
|
|
+ <p class="key">Subtotal</p>
|
|
|
+ <p class="val">$99.99</p>
|
|
|
</div>
|
|
|
- <div class="totalBox">
|
|
|
- <p class="totalT">Total</p>
|
|
|
- <p class="totalVal">$99.99</p>
|
|
|
+ </div>
|
|
|
+ <div class="mbItem">
|
|
|
+ <div class="windInfoBox">
|
|
|
+ <p class="key">Shipping</p>
|
|
|
+ <p class="val">$99.99</p>
|
|
|
</div>
|
|
|
- <div class="payPalButton">
|
|
|
- <span>PayPal</span>
|
|
|
+ <div class="windInfoBox">
|
|
|
+ <p class="key">Free shipping</p>
|
|
|
</div>
|
|
|
- <div class="orBox">
|
|
|
- <div class="link"></div>
|
|
|
- <p class="or">OR</p>
|
|
|
- <div class="link"></div>
|
|
|
+ </div>
|
|
|
+ <div class="mbItem">
|
|
|
+ <div class="windInfoBox">
|
|
|
+ <p class="key">Shipping to California, United States (us)</p>
|
|
|
</div>
|
|
|
- <div class="checkoutButton">
|
|
|
- <span>Proceed to Checkout</span>
|
|
|
+ <div class="windInfoBox">
|
|
|
+ <p class="key changeAddress">Change address</p>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
- </main>
|
|
|
+ </div>
|
|
|
+ <div class="totalBox">
|
|
|
+ <p class="totalT">Total</p>
|
|
|
+ <p class="totalVal">$99.99</p>
|
|
|
+ </div>
|
|
|
+ <div class="payPalButton">
|
|
|
+ <span>PayPal</span>
|
|
|
+ </div>
|
|
|
+ <div class="orBox">
|
|
|
+ <div class="link"></div>
|
|
|
+ <p class="or">OR</p>
|
|
|
+ <div class="link"></div>
|
|
|
+ </div>
|
|
|
+ <div class="checkoutButton">
|
|
|
+ <span>Proceed to Checkout</span>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+</main>
|
|
|
|
|
|
- <!-- 底部 -->
|
|
|
- <footer class="footerContainer" id="footerContainer">
|
|
|
- <section class="sectionContainer">
|
|
|
- <div class="elementorContainer">
|
|
|
- <div class="footerConter">
|
|
|
- <div class="leftText">
|
|
|
- <p class="ltK">NEWALETTER</p>
|
|
|
- <p class="ltV">Sign up for the Vapesourcing newsletter</p>
|
|
|
- </div>
|
|
|
- <div class="footerInuptBox">
|
|
|
- <img class="mailIcon" src="/assets/api/asstes/icon/mailIcon.png" alt="">
|
|
|
- <input class="footerInupt" type="text">
|
|
|
- <img class="arrowIcon" src="/assets/api/asstes/icon/arrowIcon.png" alt="">
|
|
|
+<!-- 底部 -->
|
|
|
+<footer class="footerContainer" id="footerContainer">
|
|
|
+ <section class="sectionContainer">
|
|
|
+ <div class="elementorContainer">
|
|
|
+ <div class="footerConter">
|
|
|
+ <div class="leftText">
|
|
|
+ <p class="ltK">NEWALETTER</p>
|
|
|
+ <p class="ltV">Sign up for the Vapesourcing newsletter</p>
|
|
|
+ </div>
|
|
|
+ <div class="footerInuptBox">
|
|
|
+ <img class="mailIcon" src="/assets/api/asstes/icon/mailIcon.png" alt="">
|
|
|
+ <input class="footerInupt" type="text">
|
|
|
+ <img class="arrowIcon" src="/assets/api/asstes/icon/arrowIcon.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="footerIconContainer">
|
|
|
+ <div class="footerIconList">
|
|
|
+ <a href="#">
|
|
|
+ <div class="footerIconItem">
|
|
|
+ <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a href="#">
|
|
|
+ <div class="footerIconItem">
|
|
|
+ <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a href="#">
|
|
|
+ <div class="footerIconItem">
|
|
|
+ <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
- <div class="footerIconContainer">
|
|
|
- <div class="footerIconList">
|
|
|
- <a href="#">
|
|
|
- <div class="footerIconItem">
|
|
|
- <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- <a href="#">
|
|
|
- <div class="footerIconItem">
|
|
|
- <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- <a href="#">
|
|
|
- <div class="footerIconItem">
|
|
|
- <img src="https://i1.branchcn.com/social_media/Wechat.png" alt="">
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="footerVlsaImg">
|
|
|
- <a href="#">
|
|
|
- <div class="footerVlsaItem">
|
|
|
- <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
|
|
|
- alt="">
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- <a href="#">
|
|
|
- <div class="footerVlsaItem">
|
|
|
- <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
|
|
|
- alt="">
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- <a href="#">
|
|
|
- <div class="footerVlsaItem">
|
|
|
- <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
|
|
|
- alt="">
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
+ <div class="footerVlsaImg">
|
|
|
+ <a href="#">
|
|
|
+ <div class="footerVlsaItem">
|
|
|
+ <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a href="#">
|
|
|
+ <div class="footerVlsaItem">
|
|
|
+ <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <a href="#">
|
|
|
+ <div class="footerVlsaItem">
|
|
|
+ <img src="https://img2.baidu.com/it/u=1367821108,121397947&fm=253&fmt=auto&app=138&f=JPEG?w=1200&h=500"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
- </footer>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+</footer>
|
|
|
|
|
|
- <!-- 年龄提示层 -->
|
|
|
- <section class="maskContainer">
|
|
|
- <div class="ageReminderBox">
|
|
|
- <img class="ageReminderBack"
|
|
|
- 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"
|
|
|
- alt="">
|
|
|
- <div class="ageReminderInfo">
|
|
|
- <h3>ARE YOU OF LEAAL SMOKIND AGE?</h3>
|
|
|
- <div class="ageReminderButBox">
|
|
|
- <div class="ageRBut ageReminderNo"><span>NO</span></div>
|
|
|
- <div class="ageRBut ageReminderYes"><span>Yes, I am 21+</span></div>
|
|
|
- </div>
|
|
|
+<!-- 年龄提示层 -->
|
|
|
+<section class="maskContainer">
|
|
|
+ <div class="ageReminderBox">
|
|
|
+ <img class="ageReminderBack"
|
|
|
+ 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"
|
|
|
+ alt="">
|
|
|
+ <div class="ageReminderInfo">
|
|
|
+ <h3>ARE YOU OF LEAAL SMOKIND AGE?</h3>
|
|
|
+ <div class="ageReminderButBox">
|
|
|
+ <div class="ageRBut ageReminderNo"><span>NO</span></div>
|
|
|
+ <div class="ageRBut ageReminderYes"><span>Yes, I am 21+</span></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
</body>
|
|
|
<script src="/assets/api/js/jquery-1.12.0.js"></script>
|
|
|
<script src="/assets/api/js/flexible.js"></script>
|
|
|
@@ -284,6 +295,20 @@
|
|
|
$(document).ready(function () {
|
|
|
const VAPES_TOKEN = "vapes_token"
|
|
|
|
|
|
+ //未登录处理
|
|
|
+ function isLogin() {
|
|
|
+ //用户token
|
|
|
+ const vapesToken = localStorage.getItem("vapes_token")
|
|
|
+ if (!vapesToken || vapesToken == "") {
|
|
|
+ setTimeout(() => {
|
|
|
+ window.location.href = "./login.html?return=1"
|
|
|
+ }, 80)
|
|
|
+ }
|
|
|
+ return vapesToken && vapesToken !== "";
|
|
|
+ }
|
|
|
+
|
|
|
+ isLogin()
|
|
|
+
|
|
|
//支付方法
|
|
|
const orderPayment = (params) => {
|
|
|
console.log(params)
|
|
|
@@ -318,7 +343,7 @@
|
|
|
* 商品操作方法
|
|
|
* @param _this $(this)
|
|
|
* @param type 类型：add || reduce || delete
|
|
|
- * @returns
|
|
|
+ * @returns
|
|
|
*/
|
|
|
function productOperate(_this, type) {
|
|
|
//商品id
|
|
|
@@ -352,7 +377,7 @@
|
|
|
console.log(params)
|
|
|
const res = await orderPayment(params)
|
|
|
console.log(res)
|
|
|
- const { status, data } = res || {}
|
|
|
+ const {status, data} = res || {}
|
|
|
if (status === 200 || status === '200') {
|
|
|
window.open(data.payment.approval_link, '_blank');
|
|
|
}
|
|
|
@@ -381,15 +406,6 @@
|
|
|
window.location.href = "/api/cart/myCart.html"
|
|
|
}
|
|
|
});
|
|
|
-
|
|
|
- const isLogin = (state) => {
|
|
|
- const vapesToken = localStorage.getItem(VAPES_TOKEN);
|
|
|
- state = state || true;
|
|
|
- if (!vapesToken || vapesToken === "" && state) {
|
|
|
- window.location.href = "./login.html?return=1"
|
|
|
- }
|
|
|
- return vapesToken && vapesToken !== "";
|
|
|
- }
|
|
|
})
|
|
|
</script>
|
|
|
|
