finish

src/components/Awards.vue

@@ -4,27 +4,27 @@
     <div class="award_cards">
       <div class="card bg1">
         <img class="icon" :src="A1" />
-        <p class="title">荣获奖项</p>
+        <p class="title">红点奖</p>
       </div>
       <div class="card">
         <img class="icon" :src="A2" />
-        <p class="title">荣获奖项</p>
+        <p class="title">IF奖</p>
       </div>
       <div class="card bg1">
         <img class="icon" :src="A3" />
-        <p class="title">荣获奖项</p>
+        <p class="title">G-Mark奖</p>
       </div>
       <div class="card">
         <img class="icon" :src="A4" />
-        <p class="title">荣获奖项</p>
+        <p class="title">红星奖</p>
       </div>
       <div class="card bg1">
         <img class="icon" :src="A5" />
-        <p class="title">荣获奖项</p>
+        <p class="title">金点奖</p>
       </div>
       <div class="card">
         <img class="icon" :src="A6" />
-        <p class="title">荣获奖项</p>
+        <p class="title">DIA奖</p>
       </div>
     </div>
   </div>
@@ -49,16 +49,17 @@ import A6 from '@/static/img/awards/Awards6.png'
     .card {
       flex: 1;
       background: #fff;
-      padding: 29px 40px 26px 40px;
+      padding: 29px 0 26px 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
       .icon {
         width: 44px;
         height: 44px;
         margin-bottom: 19px;
       }
       .title {
-        font-size: 18px;
-        transform: scale(0.5) translateX(-10px);
-        max-width: 39px;
+        font-size: 8px;
         font-family: Alibaba PuHuiTi;
         font-weight: 500;
         color: #636363;

src/components/Bottom.vue

@@ -40,7 +40,11 @@ const props = defineProps({
 })
 
 const addWeChat = () => {
-  window.location.href = 'weixin://'
+  console.log(window.location)
+  const origin = window.location.origin
+  const pathname = window.location.pathname
+  const p = `${origin}${pathname}#/code`
+  window.open(p)
 }
 
 const toPhone = () => {

src/components/Card.vue

@@ -32,6 +32,7 @@ const props = defineProps({
   },
 })
 const toDetail = (productId, classify) => {
+  // detail
   router.push({
     path: `/detail`,
     query: {

src/components/SubNavigation.vue

@@ -36,7 +36,10 @@ const openDrawer = () => {
   drawer.value = true
 }
 const toPage = path => {
-  router.push(path)
+  const origin = window.location.origin
+  const pathname = window.location.pathname
+  const p = `${origin}${pathname}#${path}`
+  window.location.href = p
 }
 
 const hidePanel = event => {

src/components/Top.vue

@@ -59,7 +59,10 @@ const openDrawer = () => {
   drawer.value = true
 }
 const toPage = path => {
-  router.push(path)
+  const origin = window.location.origin
+  const pathname = window.location.pathname
+  const p = `${origin}${pathname}#${path}`
+  window.location.href = p
 }
 
 const hidePanel = event => {

src/pages/QRCode.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="qrcode_container">
+    <img :src="Code" class="code_img" alt="" />
+  </div>
+</template>
+
+<script setup>
+import Code from '@/static/img/code.jpg'
+</script>
+
+<style lang="scss">
+.qrcode_container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .code_img {
+    width: 80vw;
+    height: auto;
+  }
+}
+</style>

src/router/index.js

@@ -8,6 +8,7 @@ const Company = () => import('@/pages/Company')
 const CaseShow = () => import('@/pages/CaseShow')
 const Product = () => import('@/pages/Product')
 const Hardware = () => import('@/pages/Hardware')
+const QRCode = () => import('@/pages/QRCode')
 
 // 配置路由信息
 const routes = [
@@ -20,6 +21,7 @@ const routes = [
   { path: '/case-show', component: CaseShow },
   { path: '/product', component: Product },
   { path: '/hardware', component: Hardware },
+  { path: '/code', component: QRCode },
 ]
 
 const router = createRouter({