一次性链接

src/views/badge/preview.vue

@@ -56,7 +56,7 @@
     <div style="padding: 0 16px;">
       <van-divider />
     </div>
-    <div class="order-section">
+    <div class="order-section" v-if="trialCode == false">
       <div class="order-title">订购数量</div>
       <div class="order-item" v-for="item in sizeList" :key="item.id">
         <span class="order-size">{{ item.size }}</span>
@@ -76,9 +76,9 @@
     <div style="height: 110px;"></div>
     <div class="confirm-box">
       <div class="action-section">
-        <button @click="reload" :disabled="flag < 2" class="action-btn"><img class="action-img" src="@/assets/badge/reload.png" alt=""> 再次生成</button>
-        <button @click="compare" :disabled="flag < 2" class="action-btn"><img class="action-img" src="@/assets/badge/duibi.png" alt=""> 前后对比</button>
-        <button @click="save" :disabled="flag < 2" class="action-btn"><img class="action-img" src="@/assets/badge/down.png" alt=""> 保存图片</button>
+        <button v-if="trialCode == false" @click="reload" :disabled="flag < 2" class="action-btn"><img class="action-img" src="@/assets/badge/reload.png" alt=""> 再次生成</button>
+        <button v-if="trialCode == false" @click="compare" :disabled="flag < 2" class="action-btn"><img class="action-img" src="@/assets/badge/duibi.png" alt=""> 前后对比</button>
+        <button v-if="trialCode == false" @click="save" :disabled="flag < 2" class="action-btn"><img class="action-img" src="@/assets/badge/down.png" alt=""> 保存图片</button>
       </div>
       <div class="btn-box">
         <button @click="confirm" :disabled="flag < 2" class="confirm-btn">确认选择</button>
@@ -426,6 +426,7 @@ const getImageList = () => {
       imageUrl.value = data.list[0].origin_url
       imageList.value = data.list
       key.value = data.list[0].key
+      localStorage.remove('userId')
     }
   }).catch((err) => {
     clearInterval(progressTimer.value)
@@ -438,6 +439,18 @@ const getImageList = () => {
     
   })
 }
+const trialCode = ref(false)
+const getTrialCode = () => {
+  const value = localStorage.get('trialCode')
+  if (value) {
+    trialCode.value = true
+  }
+}
+function handleBeforeUnload(_event: BeforeUnloadEvent) {
+  localStorage.remove('code')
+  localStorage.remove('trialCode')
+  localStorage.remove('userId')
+}
 
 const pid = ref(0)
 const route = useRoute()
@@ -450,6 +463,8 @@ onMounted(() => {
   progressList()
   getSizeList()
   getCompareImage()
+  getTrialCode()
+  window.addEventListener('beforeunload', handleBeforeUnload);
   timer.value = setInterval(() => {
     getImageList()
   }, 10000)