提交

src/config/page.json

@@ -37,5 +37,8 @@
     },
     "CalligraphyAndPaintingCompetition":{
         "title": "2023“我心中的黄帝陵”青少年书画活动"
+    },
+    "motorVehicle":{
+        "title": "机动车"
     }
 }

src/view/motorVehicle/components/one.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="motorVehicle">
+    <van-swipe vertical>
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+    </van-swipe>
+  </div>
+</template>
+<script setup>
+// import { onMounted, reactive } from "vue";
+// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
+/**
+ * window.$originData.orginParames.title 页面标题
+ * window.$originData.orginParames.parameters 固定参数值
+ * window.$originData.urlParames url参数
+ */
+console.log(window.$originData);
+</script>
+<style>
+.motorVehicle .van-swipe,
+.motorVehicle {
+  width: 100vw;
+  height: 100vh;
+}
+
+.motorVehicle .van-swipe__indicators {
+    display: none
+}
+</style>

src/view/motorVehicle/components/three.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="motorVehicle">
+    <van-swipe vertical>
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+    </van-swipe>
+  </div>
+</template>
+<script setup>
+// import { onMounted, reactive } from "vue";
+// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
+/**
+ * window.$originData.orginParames.title 页面标题
+ * window.$originData.orginParames.parameters 固定参数值
+ * window.$originData.urlParames url参数
+ */
+console.log(window.$originData);
+</script>
+<style>
+.motorVehicle .van-swipe,
+.motorVehicle {
+  width: 100vw;
+  height: 100vh;
+}
+
+.motorVehicle .van-swipe__indicators {
+    display: none
+}
+</style>

src/view/motorVehicle/components/two.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="motorVehicle">
+    <van-swipe vertical>
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+    </van-swipe>
+  </div>
+</template>
+<script setup>
+// import { onMounted, reactive } from "vue";
+// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
+/**
+ * window.$originData.orginParames.title 页面标题
+ * window.$originData.orginParames.parameters 固定参数值
+ * window.$originData.urlParames url参数
+ */
+console.log(window.$originData);
+</script>
+<style>
+.motorVehicle .van-swipe,
+.motorVehicle {
+  width: 100vw;
+  height: 100vh;
+}
+
+.motorVehicle .van-swipe__indicators {
+    display: none
+}
+</style>

src/view/motorVehicle/index.js

@@ -0,0 +1,9 @@
+import App from './index.vue';
+import '@/assets/js/common';
+import { createApp } from 'vue';
+import { getPageParameters, environment } from '../../config/pageConfig';
+// 判断环境
+environment();
+window.$originData = getPageParameters();
+document.title = window.$originData.orginParames.title || '';
+createApp(App).mount('#app');

src/view/motorVehicle/index.vue

@@ -0,0 +1,30 @@
+<template>
+  <div class="motorVehicle">
+    <van-swipe vertical>
+      <van-swipe-item>1</van-swipe-item>
+      <van-swipe-item>2</van-swipe-item>
+      <van-swipe-item>3</van-swipe-item>
+    </van-swipe>
+  </div>
+</template>
+<script setup>
+// import { onMounted, reactive } from "vue";
+// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
+/**
+ * window.$originData.orginParames.title 页面标题
+ * window.$originData.orginParames.parameters 固定参数值
+ * window.$originData.urlParames url参数
+ */
+console.log(window.$originData);
+</script>
+<style>
+.motorVehicle .van-swipe,
+.motorVehicle {
+  width: 100vw;
+  height: 100vh;
+}
+
+.motorVehicle .van-swipe__indicators {
+    display: none
+}
+</style>