From a4bcf1da53231d186c1371bf60690df9376d37b8 Mon Sep 17 00:00:00 2001
From: "DESKTOP-8UQ1PPR\\09158" <kai326326@gmail.com>
Date: Mon, 13 Nov 2023 18:54:37 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B3=BC=E8=B2=B7=E3=80=81=E9=80=9A=E8=A8=8A?=
 =?UTF-8?q?=E9=8C=84=E9=A0=81=E9=9D=A2=E8=99=95=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js         |  6 +++++
 src/views/Address/index.vue | 50 +++++++++++++++++++++++++++++++++++++
 src/views/Home/index.vue    | 12 +++++----
 src/views/Shop/index.vue    | 32 +++++++++++++-----------
 4 files changed, 81 insertions(+), 19 deletions(-)
 create mode 100644 src/views/Address/index.vue

diff --git a/src/router/index.js b/src/router/index.js
index 90a9c73..b4aa399 100644
--- a/src/router/index.js
+++ b/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",
diff --git a/src/views/Address/index.vue b/src/views/Address/index.vue
new file mode 100644
index 0000000..0b72cbc
--- /dev/null
+++ b/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>
diff --git a/src/views/Home/index.vue b/src/views/Home/index.vue
index 06beb52..71d6a29 100644
--- a/src/views/Home/index.vue
+++ b/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>
diff --git a/src/views/Shop/index.vue b/src/views/Shop/index.vue
index 2272af2..1a2fd1d 100644
--- a/src/views/Shop/index.vue
+++ b/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%;