Browse Source

详情页

master
maochaoying 2 years ago
parent
commit
d0b64fa219
  1. 1
      index.html
  2. 12
      src/components/Bottom.vue
  3. 1
      src/components/detail/Img.vue
  4. 4
      src/components/detail/Intro.vue
  5. 6
      src/components/detail/Paragraph.vue
  6. 1
      src/pages/Hardware.vue
  7. 4
      src/style.scss

1
index.html

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="format-detection" content="telephone=yes" />
<title>产品梦工厂</title> <title>产品梦工厂</title>
</head> </head>
<body> <body>

12
src/components/Bottom.vue

@ -14,13 +14,13 @@
<img class="img1" :src="A1" alt="" /> <img class="img1" :src="A1" alt="" />
<span class="text1">在线咨询</span> <span class="text1">在线咨询</span>
</div> </div>
<div class="phone">
<div class="phone" @click="toPhone">
<div :class="isHard ? 'box hard' : 'box'"> <div :class="isHard ? 'box hard' : 'box'">
<img class="img3" :src="A2" alt="" /> <img class="img3" :src="A2" alt="" />
<span class="text2">拨打电话</span> <span class="text2">拨打电话</span>
</div> </div>
</div> </div>
<div class="online">
<div class="online" @click="addWeChat">
<img class="img2" :src="A3" alt="" /> <span class="text1">添加微信</span> <img class="img2" :src="A3" alt="" /> <span class="text1">添加微信</span>
</div> </div>
</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) const isHard = ref(false)
onMounted(() => { onMounted(() => {
if (route.path.indexOf('/hardware') != -1) { if (route.path.indexOf('/hardware') != -1) {

1
src/components/detail/Img.vue

@ -25,6 +25,7 @@ const props = defineProps({
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
column-gap: 13px; column-gap: 13px;
margin-bottom: 5px;
img { img {
width: 100%; width: 100%;
height: auto; height: auto;

4
src/components/detail/Intro.vue

@ -19,6 +19,7 @@ const props = defineProps({
<style lang="scss" scoped> <style lang="scss" scoped>
.case_detail_intro { .case_detail_intro {
padding: 20px; padding: 20px;
zoom: 0.6;
.wrap { .wrap {
margin-bottom: 10px; margin-bottom: 10px;
.title { .title {
@ -42,7 +43,8 @@ const props = defineProps({
} }
.desc { .desc {
font-size: 8px; font-size: 8px;
line-height: 12px;
letter-spacing: 2px;
line-height: 20px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
font-weight: 300; font-weight: 300;
color: #aaaaaa; color: #aaaaaa;

6
src/components/detail/Paragraph.vue

@ -10,12 +10,14 @@ const props = defineProps({
<style lang="scss" scoped> <style lang="scss" scoped>
.paragraph_container { .paragraph_container {
font-size: 8px;
font-size: 16px;
zoom: 0.5;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 300; font-weight: 300;
color: #4f4f4f; color: #4f4f4f;
line-height: 15px;
line-height: 25px;
padding: 20px; padding: 20px;
box-sizing: border-box;
background: #fff; background: #fff;
} }
</style> </style>

1
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 Chip from '@/static/img/hardware/chip.png'
import HeadLine from 'cpns/HeadLine' import HeadLine from 'cpns/HeadLine'
import Track from 'cpns/Track' import Track from 'cpns/Track'
import Accelerate from '@/static/img/hardware/accelerate.png'
import Wu from '@/static/img/hardware/wulianwang.png' import Wu from '@/static/img/hardware/wulianwang.png'
import Dian from '@/static/img/hardware/dianji.png' import Dian from '@/static/img/hardware/dianji.png'
import AboutUs from 'cpns/AboutUs.vue' import AboutUs from 'cpns/AboutUs.vue'

4
src/style.scss

@ -55,3 +55,7 @@
.swiper-button-next { .swiper-button-next {
right: 18px !important; right: 18px !important;
} }
* {
-webkit-text-size-adjust: none;
}
Loading…
Cancel
Save