購買、通訊錄頁面處理

src/router/index.js

@@ -39,6 +39,12 @@ const routes = [
     component: () =>
       import("../views/Member/index.vue"),
   },
+  {
+    path: "/address",
+    name: "Address",
+    component: () =>
+      import("../views/Address/index.vue"),
+  },
   {
     path: "/card",
     name: "Card",

src/views/Address/index.vue

@@ -0,0 +1,50 @@
+<script setup>
+import liff from "@line/liff";
+
+import { showToast,showSuccessToast } from 'vant';
+
+import { onMounted, reactive, ref, toRefs, computed, watch } from 'vue'
+
+
+const setShowPicker = ref(false);
+
+
+
+
+</script>
+
+<template>
+  <div class="member page">
+    <van-nav-bar
+      class="bg-skyBlue py-1"
+      left-arrow
+      right-arrow
+      @click-left="$router.push('/')"
+      @click-right="setShowPicker = true"
+    >
+      <template #title>
+        <h5 class="text-white mb-1"><strong>通訊錄</strong></h5>
+      </template>
+      <template #left>
+        <h4><i class="fa-solid fa-angle-left text-white" :style="{opacity:0.5}"></i></h4>
+      </template>
+      <template #right>
+        <h4><i class="fa-solid fa-sliders text-white" :style="{opacity:0.5}"></i></h4>
+      </template>
+    </van-nav-bar>
+
+    <van-popup v-model:show="setShowPicker" position="bottom">
+      <van-picker
+        :columns="setColumns"
+        @confirm="setConfirm"
+        @cancel="setShowPicker = false"
+      />
+    </van-popup>
+
+
+  </div>
+</template>
+
+<style lang="less" scoped>
+
+</style>

src/views/Home/index.vue

@@ -123,6 +123,11 @@ onBeforeMount(async () => {
 const noticeData = ref([]);
 const adData = ref({});
 
+const noticeClick = (num) => {
+  let url = noticeData.value[num].ad_link;
+  window.open(url, "_blank");
+};
+
 const handleAD = async () => {
 
   let res;
@@ -131,10 +136,7 @@ const handleAD = async () => {
     noticeData.value = res.data;
   }
 
-  const noticeClick = (num) => {
+  
-    let url = noticeData.value[num].ad_link;
-    window.open(url, "_blank");
-  };
 
   res = await getMovie();
   console.log('res',res)
@@ -319,7 +321,7 @@ const handleLogout = () => {
           <div class="img"><i class="fa-solid fa-id-card"></i></div>
           <div class="text">商務卡片</div>
         </div>
-        <div class="btn btn-outline-lightBlue shadow-sm">
+        <div class="btn btn-outline-lightBlue shadow-sm" @click="router.push('/address')">
           <div class="img"><i class="fa-solid fa-address-book"></i></div>
           <div class="text">通訊錄</div>
         </div>

src/views/Shop/index.vue

@@ -1,23 +1,10 @@
-<template>
-  <div>
-    <van-nav-bar 
-      title="立即購買" 
-      right-text="關閉"
-      @click-right="$router.push('/')"
-    />
-    <div class="main-section" v-html="shopContent">
-    </div>
-  </div>
-  <Footer/>
-</template>
-
 <script setup>
 import { ref } from 'vue'
 import { useStore } from 'vuex'
 
 import {Toast} from 'vant'
 
-import Footer from '@/components/Footer.vue'
+// import Footer from '@/components/Footer.vue'
 
 import { setUserLevel } from '@/api'
 
@@ -51,6 +38,23 @@ const setlevel = async (level)=>{
 }
 </script>
 
+<template>
+  <div class="shop page">
+    <van-nav-bar class="bg-skyBlue py-1" left-arrow @click-left="$router.push('/')">
+      <template #title>
+        <h5 class="text-white mb-1"><strong>立即購買</strong></h5>
+      </template>
+      <template #left>
+        <h4><i class="fa-solid fa-angle-left text-white" :style="{opacity:0.5}"></i></h4>
+      </template>
+    </van-nav-bar>
+
+    <div class="main-section" v-html="shopContent">
+    </div>
+  </div>
+  <!-- <Footer/> -->
+</template>
+
 <style lang="less" scoped>
 .main-section{
 	width: 100%;