From c131622eccaceb8cf28f2e94b811eb8005510f20 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Tue, 1 Aug 2023 16:40:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/QRCode.vue           | 8 ++++++--
 src/components/SubNavigation.vue    | 5 ++---
 src/components/Top.vue              | 1 -
 src/components/detail/Intro.vue     | 2 +-
 src/components/detail/Paragraph.vue | 2 +-
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/QRCode.vue b/src/components/QRCode.vue
index 96d84e1..0775ba8 100644
--- a/src/components/QRCode.vue
+++ b/src/components/QRCode.vue
@@ -10,11 +10,11 @@
     <div class="qrcode_wrap">
       <img class="qrcode" :src="Wechat" />
       <div class="contract">
-        <div class="phone">
+        <div class="phone" @click="toPhone('13717892018')">
           <img :src="Phone" class="icon" alt="" />
           <span>13717892018</span>
         </div>
-        <div class="phone">
+        <div class="phone" @click="toPhone('15624962290')">
           <img :src="Phone" class="icon" alt="" />
           <span>15624962290</span>
         </div>
@@ -33,6 +33,10 @@ const props = defineProps({
     default: false,
   },
 })
+
+const toPhone = phone => {
+  window.location.href = `tel:${phone}`
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/SubNavigation.vue b/src/components/SubNavigation.vue
index 970addc..8256f40 100644
--- a/src/components/SubNavigation.vue
+++ b/src/components/SubNavigation.vue
@@ -61,7 +61,7 @@ const backPage = () => {
 
 <style lang="scss" scoped>
 .sub_navigation_container {
-  height: $sub-header-height;
+  // height: $sub-header-height;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -70,9 +70,8 @@ const backPage = () => {
   z-index: 999;
   position: fixed;
   top: 0;
-  left: 0;
   right: 0;
-  width: 100vw;
+  width: 100%;
   overflow: hidden;
   box-sizing: border-box;
   .back_icon {
diff --git a/src/components/Top.vue b/src/components/Top.vue
index 9b9e787..b0bf4d0 100644
--- a/src/components/Top.vue
+++ b/src/components/Top.vue
@@ -98,7 +98,6 @@ const scrollToTop = () => {
 <style lang="scss" scoped>
 .top_container {
   padding: 14px 18px;
-  width: 100vw;
   overflow: hidden;
   display: flex;
   align-items: center;
diff --git a/src/components/detail/Intro.vue b/src/components/detail/Intro.vue
index f2f492c..6af104c 100644
--- a/src/components/detail/Intro.vue
+++ b/src/components/detail/Intro.vue
@@ -3,7 +3,7 @@
     <div class="wrap" v-for="(item, index) in cardIntro" :key="index">
       <div class="title">
         <div class="xuhao">{{ parseInt(index) + 1 }}</div>
-        <p>{{ item.title }}</p>
+        <p style="line-height: 20px">{{ item.title }}</p>
       </div>
       <div class="desc">{{ item.desc }}</div>
     </div>
diff --git a/src/components/detail/Paragraph.vue b/src/components/detail/Paragraph.vue
index 6121035..d4cb343 100644
--- a/src/components/detail/Paragraph.vue
+++ b/src/components/detail/Paragraph.vue
@@ -26,7 +26,7 @@ const props = defineProps({
 }
 .paragraph_container {
   font-size: 16px;
-  text-indent: 32px;
+  text-indent: 43px;
   zoom: 0.5;
   font-family: Source Han Sans CN;
   font-weight: 300;