Browse Source

添加功能:商品试用

任一存 1 năm trước cách đây
mục cha
commit
c4acc8d7cb

+ 6 - 4
src/app.vue

@@ -457,10 +457,12 @@ onMounted(async () => {
           e.target.querySelector('.tag-commodity').removeEventListener('click', onClickTagInfo);
           e.target.querySelector('.tag-commodity').addEventListener('click', onClickTagInfo);
 
-          if (tagid) {
-            document.querySelector(`[data-id="${tagid}"]`) && document.querySelector(`[data-id="${tagid}"]`).click();
-            tagid = null;
-          }
+          setTimeout(() => {
+            if (tagid) {
+              document.querySelector(`[data-id="${tagid}"]`) && document.querySelector(`[data-id="${tagid}"]`).click();
+              tagid = null;
+            }
+          }, 2000);
         }
       });
 

+ 8 - 0
src/components/Tags/goods-list.vue

@@ -63,6 +63,7 @@
                 <template v-else>
                   <div :style="{width:isShowNewGoodType?'100%':'48%'}" @click.stop="viewDetail(i)">{{$t('common.viewDetail')}}</div>
                   <div v-if="!isShowNewGoodType" @click.stop="addCart(i)">{{$t('common.addCart')}}</div>
+                  <div v-if="i?.skuList?.length" @click.stop="onClickTryUse(i)">{{ $t('common.tryUse') }}</div>
                 </template>
               </div>
             </div>
@@ -142,6 +143,12 @@ const onClickSku = (item) => {
   });
 };
 
+function onClickTryUse(productInfo) {
+  const urlObj = new URL(productInfo.skuList[0].url)
+  urlObj.searchParams.set('tagid', tagclick.value.data.sid)
+  location.assign(urlObj.href)
+}
+
 const addCart = async (item) => {
   if (isshoppingguide.value) {
     return;
@@ -415,6 +422,7 @@ onMounted(() => {
             justify-content: space-between;
             font-size: 16px;
             padding: 0 20px;
+            gap: 10px;
 
             > div {
               height: 42px;

+ 1 - 0
src/locales/en.json

@@ -68,6 +68,7 @@
     "viewDetailFail": "Failed to get the product information; Please try again later",
     "addCart": "Add to cart",
     "viewDetail": "View details",
+    "tryUse": "Try it on!",
     "onlyOffLine":"Offline shopping only",
     "guige":"Specification:",
     "shuliang":"Quantity:",

+ 1 - 0
src/locales/zh_CN.json

@@ -68,6 +68,7 @@
     "viewDetailFail": "获取商品详情失败,请稍后再试",
     "addCart": "加入购物车",
     "viewDetail": "查看详情",
+    "tryUse": "AR试用",
     "onlyOffLine":"仅供线下门店购买",
     "guige":"规格:",
     "shuliang":"数量:",

+ 1 - 0
src/locales/zh_HK.json

@@ -68,6 +68,7 @@
     "viewDetailFail": "獲取商品詳情失敗,請稍後再試",
     "addCart": "加入購物車",
     "viewDetail": "查看詳情",
+    "tryUse": "AR試用",
     "onlyOffLine":"僅供線下門店購買",
     "guige":"規格:",
     "shuliang":"數量:",