|
|
@@ -14,14 +14,14 @@
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
|
<meta name="keywords" content="电子烟,关键字"/>
|
|
|
<meta name="Description" content="网站描述"/>
|
|
|
- <title>Home</title>
|
|
|
+ <title>首页</title>
|
|
|
<link rel="stylesheet" href="/assets/index/css/common.css?t=108211111">
|
|
|
<link rel="stylesheet" href="/assets/index/css/index.css?t=13121111">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<!-- 头部导航栏 -->
|
|
|
-<header class="headerContainer">
|
|
|
+<header class="headerContainer" id="headerContainer">
|
|
|
<!-- 顶部提示 -->
|
|
|
<div class="warnContainer">
|
|
|
<h4 class="warnText">containscontainscontainsWARNING: This product contains nicotine. Nicotine is an addicti
|
|
|
@@ -51,14 +51,12 @@
|
|
|
<img src="/assets/index/asstes/icon/shoppingCart.png" alt="shoppingCart" tabindex="shoppingCart">
|
|
|
</div>
|
|
|
</a>
|
|
|
-
|
|
|
<!-- 收藏 -->
|
|
|
-<!-- <div class="headIconItem collectIcon">-->
|
|
|
-<!-- <img src="/assets/index/asstes/icon/collect.png" alt="collect" tabindex="collect">-->
|
|
|
-<!-- </div>-->
|
|
|
+ <!-- <div class="headIconItem collectIcon">
|
|
|
+ <img src="/assets/index/asstes/icon/collect.png" alt="collect" tabindex="collect">
|
|
|
+ </div>-->
|
|
|
<!-- 个人中心 -->
|
|
|
-
|
|
|
- <a href="/index/user/personal.html">
|
|
|
+ <a href="/index/user/order.html">
|
|
|
<div class="headIconItem userIcon">
|
|
|
<img src="/assets/index/asstes/icon/user.png" alt="user" tabindex="user">
|
|
|
</div>
|
|
|
@@ -99,10 +97,11 @@
|
|
|
<div class="mobileMenuItem">
|
|
|
<a href="/index/cart/shoppingCart.html">
|
|
|
<h2 class="menuItemTitle shoppingCartIcon">Shopping Cart</h2>
|
|
|
- </a></div>
|
|
|
-<!-- <div class="mobileMenuItem">-->
|
|
|
-<!-- <h2 class="menuItemTitle collectIcon">Collect</h2>-->
|
|
|
-<!-- </div>-->
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="mobileMenuItem">
|
|
|
+ <h2 class="menuItemTitle collectIcon">Collect</h2>
|
|
|
+ </div>-->
|
|
|
<div class="mobileMenuItem">
|
|
|
<a href="/index/user/order.html">
|
|
|
<h2 class="menuItemTitle userIcon">Personal</h2>
|
|
|
@@ -138,70 +137,125 @@
|
|
|
<div class="elementorContainer">
|
|
|
<!-- tab模块 -->
|
|
|
<div class="tabContainer">
|
|
|
- <div class="tabItem active">
|
|
|
+ <div class="tabItem goodsModelTabItem active" data-type="new">
|
|
|
<h3 class="tabName">NEW VAPES</h3>
|
|
|
<img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">
|
|
|
<p class="tabUnderline"></p>
|
|
|
</div>
|
|
|
-<!-- <div class="tabItem">-->
|
|
|
-<!-- <h3 class="tabName">video</h3>-->
|
|
|
-<!-- <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">-->
|
|
|
-<!-- <p class="tabUnderline"></p>-->
|
|
|
-<!-- </div>-->
|
|
|
- <div class="tabItem">
|
|
|
+ <div class="tabItem goodsModelTabItem" data-type="best">
|
|
|
<h3 class="tabName">BEST SELLERS</h3>
|
|
|
<img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">
|
|
|
<p class="tabUnderline"></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 新的商品模块 -->
|
|
|
- <div class="newGoodsContainer">
|
|
|
- {foreach $newGoods as $goods}
|
|
|
- <a href="/index/index/productDetail.html?goodsId={$goods['goods_id']}">
|
|
|
- <div class="newGoodsItem">
|
|
|
- <div class="goodsImgBox">
|
|
|
- <img class="lazy" src="/assets/index/asstes/icon/transparent.png"
|
|
|
- data-original="{$goods['goods_images'][0]['preview_url']}" alt="提示信息seo"
|
|
|
- title="提示信息seo">
|
|
|
- </div>
|
|
|
- <div class="goodsInfo">
|
|
|
- <div class="goodsTitleBox">
|
|
|
- <h3 class="goodsTitle">
|
|
|
- <span class="preTag">Pre-order</span>
|
|
|
- <span class="tText">{$goods['goods_name']}</span>
|
|
|
- </h3>
|
|
|
+ <!-- NEW VAPES商品模块 -->
|
|
|
+ <div class="goodsModel" id="newGoodsModel" data-type="new">
|
|
|
+ <div class="newGoodsContainer">
|
|
|
+ {foreach $newGoods as $goods}
|
|
|
+ <a href="/assets/index/productDetails.html">
|
|
|
+ <div class="newGoodsItem">
|
|
|
+ <div class="goodsImgBox">
|
|
|
+ <img class="lazy" src="/assets/index/asstes/icon/transparent.png"
|
|
|
+ data-original="{$goods['goods_images'][0]['preview_url']}" alt="提示信息seo"
|
|
|
+ title="提示信息seo">
|
|
|
</div>
|
|
|
- <div class="goodsPriceInfo">
|
|
|
- <p class="goodsPrice textEllipsis">
|
|
|
- <span>$</span>{$goods['goods_price_min']}
|
|
|
- </p>
|
|
|
- <p class="goodsScribe textEllipsis">${$goods['line_price_max']}</p>
|
|
|
- <div class="goodsCollect">
|
|
|
- <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect" title="collect">
|
|
|
- <p class="collectNumber textEllipsis">99</p>
|
|
|
+ <div class="goodsInfo">
|
|
|
+ <div class="goodsTitleBox">
|
|
|
+ <h3 class="goodsTitle">
|
|
|
+ <span class="preTag">Pre-order</span>
|
|
|
+ <span class="tText">{$goods['goods_name']}</span>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <div class="goodsPriceInfo">
|
|
|
+ <div class="gPriceBox">
|
|
|
+ <p class="goodsPrice textEllipsis">
|
|
|
+ <span>$</span>{$goods['goods_price_min']}
|
|
|
+ </p>
|
|
|
+ <p class="goodsScribe textEllipsis">$${$goods['line_price_max']}</p>
|
|
|
+ </div>
|
|
|
+ <div class="goodsCollect">
|
|
|
+ <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect"
|
|
|
+ title="collect">
|
|
|
+ <p class="collectNumber textEllipsis">99</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="goodsReviews">
|
|
|
+ <div class="goodsStarContainer">
|
|
|
+ <div class="goodsStarContainer">
|
|
|
+ {for start="1" end="6" step=1 name="i"}
|
|
|
+ <p class="goodsStarItem">
|
|
|
+ {lt name="i" value="$goods['goods_id']")}
|
|
|
+ <img src="/assets/index/asstes/icon/selStar.png" alt="">
|
|
|
+ {else/}
|
|
|
+ <img src="/assets/index/asstes/icon/star.png" alt="">
|
|
|
+ {/lt}
|
|
|
+ </p>
|
|
|
+ {/for}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="reviewsNumber">
|
|
|
+ <p class="number textEllipsis">{$goods['comment_cnt']}</p>
|
|
|
+ <p class="text textEllipsis">Reviews</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="goodsReviews">
|
|
|
- <div class="goodsStarContainer">
|
|
|
- {for start="1" end="6" step=1 name="i"}
|
|
|
- <p class="goodsStarItem">
|
|
|
- {lt name="i" value="$goods['goods_id']")}
|
|
|
- <img src="/assets/index/asstes/icon/selStar.png" alt="">
|
|
|
- {else/}
|
|
|
- <img src="/assets/index/asstes/icon/star.png" alt="">
|
|
|
- {/lt}
|
|
|
- </p>
|
|
|
- {/for}
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ {/foreach}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- BEST SELLERS商品模块 -->
|
|
|
+ <div class="goodsModel" id="bestGoodsModel" data-type="best">
|
|
|
+ <div class="newGoodsContainer">
|
|
|
+ {foreach $bestseller as $goods}
|
|
|
+ <a href="/index/index/productDetails.html">
|
|
|
+ <div class="newGoodsItem">
|
|
|
+ <div class="goodsImgBox">
|
|
|
+ <img class="lazy" src="{$goods['goods_images'][0]['preview_url']}"
|
|
|
+ alt="提示信息seo" title="提示信息seo">
|
|
|
+ </div>
|
|
|
+ <div class="goodsInfo">
|
|
|
+ <div class="goodsTitleBox">
|
|
|
+ <h3 class="goodsTitle">
|
|
|
+ <span class="preTag">Pre-order</span>
|
|
|
+ <span class="tText">{$goods['goods_name']}</span>
|
|
|
+ </h3>
|
|
|
</div>
|
|
|
- <div class="reviewsNumber">
|
|
|
- <p class="number textEllipsis">{$goods['comment_cnt']}</p>
|
|
|
- <p class="text textEllipsis">Reviews</p>
|
|
|
+ <div class="goodsPriceInfo">
|
|
|
+ <div class="gPriceBox">
|
|
|
+ <p class="goodsPrice textEllipsis">
|
|
|
+ <span>$</span>{$goods['goods_price_min']}
|
|
|
+ </p>
|
|
|
+ <p class="goodsScribe textEllipsis">$${$goods['line_price_max']}</p>
|
|
|
+ </div>
|
|
|
+ <div class="goodsCollect">
|
|
|
+ <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect"
|
|
|
+ title="collect">
|
|
|
+ <p class="collectNumber textEllipsis">99</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="goodsReviews">
|
|
|
+ <div class="goodsStarContainer">
|
|
|
+ {for start="1" end="6" step=1 name="i"}
|
|
|
+ <p class="goodsStarItem">
|
|
|
+ {lt name="i" value="$goods['goods_id']")}
|
|
|
+ <img src="/assets/index/asstes/icon/selStar.png" alt="">
|
|
|
+ {else/}
|
|
|
+ <img src="/assets/index/asstes/icon/star.png" alt="">
|
|
|
+ {/lt}
|
|
|
+ </p>
|
|
|
+ {/for}
|
|
|
+ </div>
|
|
|
+ <div class="reviewsNumber">
|
|
|
+ <p class="number textEllipsis">{$goods['comment_cnt']}</p>
|
|
|
+ <p class="text textEllipsis">Reviews</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- {/foreach}
|
|
|
+ </a>
|
|
|
+ {/foreach}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
@@ -473,9 +527,7 @@
|
|
|
<!-- 年龄提示层 -->
|
|
|
<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="">
|
|
|
+ <img class="ageReminderBack" src="/assets/index/asstes/ageReminderBack.jpg" alt="">
|
|
|
<div class="ageReminderInfo">
|
|
|
<h3>ARE YOU OF LEAAL SMOKIND AGE?</h3>
|
|
|
<div class="ageReminderButBox">
|
|
|
@@ -493,67 +545,29 @@
|
|
|
<script src="/assets/index/js/public.js?t=111"></script>
|
|
|
<script src="/assets/index/js/swiper.js?t=61"></script>
|
|
|
<script src="/assets/index/js/jquery.lazyload.js"></script>
|
|
|
-<script src="/assets/index/js/index.js?t=211"></script>
|
|
|
<script>
|
|
|
-/* $(document).ready(function () {
|
|
|
- //用户存储token名
|
|
|
- const VAPES_TOKEN = "vapes_token"
|
|
|
+ $(document).ready(function () {
|
|
|
//触屏事件 || 点击事件
|
|
|
const tap = "ontouchstart" in window ? "touchstart" : "click";
|
|
|
|
|
|
|
|
|
- /!**
|
|
|
- * 吐司提示
|
|
|
- * @param message 消息
|
|
|
- * @returns
|
|
|
- *!/
|
|
|
- function showToast(message) {
|
|
|
- var toastElement = $('#toastContainer');
|
|
|
- toastElement.text(message);
|
|
|
- toastElement.stop(true, true).fadeIn(200).delay(2000).fadeOut(200);
|
|
|
- }
|
|
|
-
|
|
|
- /!**
|
|
|
- * 登录校验点击
|
|
|
- * @param state 是否需要跳转登录页
|
|
|
- * @returns
|
|
|
- *!/
|
|
|
- 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 !== "";
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- //前往购物车
|
|
|
- $(".shoppingCartIcon").on(tap, function () {
|
|
|
- const state = isLogin()
|
|
|
- if (state) {
|
|
|
- window.location.href = "/api/cart/myCart.html"
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- //前往收藏
|
|
|
- $(".collectIcon").on(tap, function () {
|
|
|
- const state = isLogin()
|
|
|
- if (state) {
|
|
|
-
|
|
|
+ $(".goodsModelTabItem").on(tap, function () {
|
|
|
+ const type = $(this).attr('data-type');
|
|
|
+ const goodsModelList = $(".goodsModel")
|
|
|
+ if (goodsModelList) {
|
|
|
+ goodsModelList.each(function (index, element) {
|
|
|
+ const modelType = $(this).attr('data-type');
|
|
|
+ if (modelType == type) {
|
|
|
+ $(this).show(0)
|
|
|
+ } else {
|
|
|
+ $(this).hide(0)
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
+ $(this).addClass("active").siblings().removeClass("active")
|
|
|
});
|
|
|
|
|
|
- //前往个人中心
|
|
|
- $(".userIcon").on(tap, function () {
|
|
|
- const state = isLogin()
|
|
|
- if (state) {
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- })*/
|
|
|
+ })
|
|
|
</script>
|
|
|
|
|
|
-
|
|
|
</html>
|
