feat(mobile_views): 移动端页面新增一个

src/mobile_views/index.vue

+<template>
+  <div>这里只是针对移动设备开放的页面</div>
+</template>
+
+<script setup>
+ 
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file

src/mobile_views/promotion/index.vue

+<template>
+  <div>
+    <p>{{ url }}</p>
+    <button @click="copy">复制 URL</button>
+  </div>
+</template>
+
+<script setup>
+import { isMobile } from '@/utils/device'
+const url = ref('')
+if (isMobile()) {
+  url.value = window.location.href
+}
+// 点击复制按钮复制字符串到剪切板
+const copy = () => {
+  const input = document.createElement('input');
+  input.value = url.value;
+  document.body.appendChild(input);
+  input.select();
+  document.execCommand('Copy');
+  document.body.removeChild(input);
+  alert('复制成功');
+}
+</script>
+
+<style scoped></style>
\ No newline at end of file

src/router/index.js

 import { createWebHashHistory, createRouter } from 'vue-router'
 /* Layout */
 import Layout from '@/layout'
+import { isMobile } from '@/utils/device'
 
 /**
  * Note: 路由配置项
@@ -81,6 +82,15 @@ export const constantRoutes = [
   }
 ]
 
+// 移动端 路由
+export const mobileRoutes = [
+  {
+    path: '/promotion',
+    component: () => import('@/mobile_views/promotion/index'),
+    hidden: true
+  }
+]
+
 // 动态路由，基于用户权限动态去加载
 export const dynamicRoutes = [
   {
@@ -155,6 +165,11 @@ export const dynamicRoutes = [
   }
 ]
 
+// 判断移动端添加路由
+if (isMobile()) {
+  constantRoutes.push(...mobileRoutes)
+}
+
 const router = createRouter({
   history: createWebHashHistory(),
   routes: constantRoutes,

src/utils/device.js

+export const isMobile = () => {
+  const userAgent = navigator.userAgent;
+  const mobileKeywords = ['Android', 'iPhone', 'iPad', 'iPod', 'Mobile'];
+  for (let i = 0; i < mobileKeywords.length; i++) {
+    if (userAgent.indexOf(mobileKeywords[i]) !== -1) {
+      return true;
+    }
+  }
+}