详情页

2 years ago · d0b64fa219
7 changed files with 23 additions and 6 deletions
--- a/index.html
+++ b/index.html
@ -3,6 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="format-detection" content="telephone=yes" />
    <title>产品梦工厂</title>
  </head>
  <body>
--- a/src/components/Bottom.vue
+++ b/src/components/Bottom.vue
@ -14,13 +14,13 @@
      <img class="img1" :src="A1" alt="" />
      <span class="text1">在线咨询</span>
    </div>
-    <div class="phone">
+    <div class="phone" @click="toPhone">
      <div :class="isHard ? 'box hard' : 'box'">
        <img class="img3" :src="A2" alt="" />
        <span class="text2">拨打电话</span>
      </div>
    </div>
-    <div class="online">
+    <div class="online" @click="addWeChat">
      <img class="img2" :src="A3" alt="" /> <span class="text1">添加微信</span>
    </div>
  </div>
@ -39,6 +39,14 @@ const props = defineProps({
  },
 })

+const addWeChat = () => {
+  window.location.href = 'weixin://'
+}
+
+const toPhone = () => {
+  window.location.href = 'tel:13717892018'
+}
+
 const isHard = ref(false)
 onMounted(() => {
  if (route.path.indexOf('/hardware') != -1) {
--- a/src/components/detail/Img.vue
+++ b/src/components/detail/Img.vue
@ -25,6 +25,7 @@ const props = defineProps({
    align-items: center;
    justify-content: space-between;
    column-gap: 13px;
+    margin-bottom: 5px;
    img {
      width: 100%;
      height: auto;
--- a/src/components/detail/Intro.vue
+++ b/src/components/detail/Intro.vue
@ -19,6 +19,7 @@ const props = defineProps({
 <style lang="scss" scoped>
 .case_detail_intro {
  padding: 20px;
+  zoom: 0.6;
  .wrap {
    margin-bottom: 10px;
    .title {
@ -42,7 +43,8 @@ const props = defineProps({
    }
    .desc {
      font-size: 8px;
-      line-height: 12px;
+      letter-spacing: 2px;
+      line-height: 20px;
      font-family: Alibaba PuHuiTi;
      font-weight: 300;
      color: #aaaaaa;
--- a/src/components/detail/Paragraph.vue
+++ b/src/components/detail/Paragraph.vue
@ -10,12 +10,14 @@ const props = defineProps({

 <style lang="scss" scoped>
 .paragraph_container {
-  font-size: 8px;
+  font-size: 16px;
+  zoom: 0.5;
  font-family: Source Han Sans CN;
  font-weight: 300;
  color: #4f4f4f;
-  line-height: 15px;
+  line-height: 25px;
  padding: 20px;
+  box-sizing: border-box;
  background: #fff;
 }
 </style>
--- a/src/pages/Hardware.vue
+++ b/src/pages/Hardware.vue
@ -47,7 +47,6 @@ import Hard from '@/static/img/hardware/hardware.png'
 import Chip from '@/static/img/hardware/chip.png'
 import HeadLine from 'cpns/HeadLine'
 import Track from 'cpns/Track'
-import Accelerate from '@/static/img/hardware/accelerate.png'
 import Wu from '@/static/img/hardware/wulianwang.png'
 import Dian from '@/static/img/hardware/dianji.png'
 import AboutUs from 'cpns/AboutUs.vue'
--- a/src/style.scss
+++ b/src/style.scss
@ -55,3 +55,7 @@
 .swiper-button-next {
  right: 18px !important;
 }
+
+* {
+  -webkit-text-size-adjust: none;
+}