feat: app下载静态页面

h5app/src/router/index.ts

@@ -280,6 +280,11 @@ const routes: Array<RouteRecordRaw> = [
             }
         ]
 
+    },
+    {
+        path: '/apkDownLoad',
+        name: 'apkDownLoad',
+        component: () => import('@/views/pages/components/apkDownLoad.vue'),
     }
 ]
 

h5app/src/views/pages/components/apkDownLoad.vue

@@ -0,0 +1,73 @@
+<template>
+  <ion-page>
+    <ion-content>
+      <div class="bg-box">
+        <div class="logo-box">
+          <img src="../../../assets/icon/apkDownLoadLogo.png" alt="">
+          <p>惠州市就业驿站系统</p>
+        </div>
+        <div class="content-box">
+          <p>APP下载</p>
+        </div>
+      </div>
+    </ion-content>
+  </ion-page>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="less" scoped>
+ion-content {
+  --background: #ffffff !important;
+  height: 100%;
+}
+
+.bg-box {
+  width: 100%;
+  height: 100%;
+  background-image: url("../../../assets/icon/apkDownLoadBg.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.logo-box {
+  width: 100%;
+  height: 20%;
+  display: flex;
+  justify-content: center;
+  padding-top: 20%;
+  flex-wrap: wrap;
+
+  img {
+    width: 50vw;
+    height: auto;
+  }
+
+  p {
+    width: 100%;
+    text-align: center;
+    margin-top: 30px;
+    font-size: 20px;
+    font-weight: 700;
+    color: #2F2075;
+  }
+}
+
+.content-box {
+  display: flex;
+  justify-content: center;
+  margin-top: 160px;
+
+  p {
+    width: 100%;
+    text-align: center;
+    margin-top: 30px;
+    font-size: 20px;
+    font-weight: 700;
+    color: #2F2075;
+  }
+}
+</style>