1

src/views/mobile/appProduct/index.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { showConfirm } from '@/components/Toast'
+import { ref, computed, onMounted } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { openPay, getOrderInfo, wxLogin } from '@/api/api'
+import { useRoute } from 'vue-router'
+import { GetRequest, getWeChatCode, getRemark } from '@/utils/index'
+import { useI18n } from 'vue-i18n'
+const route = useRoute()
+const { locale: language, t } = useI18n()
+const userStore = useUserStore();
+const isEur = userStore.isEur
+</script>
+<template>
+  <div class="mobilePage">mobilePage
+  </div>
+</template>
+
+<style lang="less" scoped>
+.mobilePage {
+  background: #f7f7f7;
+  min-height: calc(100vh - 50px);
+  max-width: 100vw;
+  display: block;
+  color:#202020;
+}
+</style>

src/views/mobile/device/index.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { showConfirm } from '@/components/Toast'
+import { ref, computed, onMounted } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { openPay, getOrderInfo, wxLogin } from '@/api/api'
+import { useRoute } from 'vue-router'
+import { GetRequest, getWeChatCode, getRemark } from '@/utils/index'
+import { useI18n } from 'vue-i18n'
+const route = useRoute()
+const { locale: language, t } = useI18n()
+const userStore = useUserStore();
+const isEur = userStore.isEur
+</script>
+<template>
+  <div class="mobilePage">mobilePage
+  </div>
+</template>
+
+<style lang="less" scoped>
+.mobilePage {
+  background: #f7f7f7;
+  min-height: calc(100vh - 50px);
+  max-width: 100vw;
+  display: block;
+  color:#202020;
+}
+</style>

src/views/mobile/order/index.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { showConfirm } from '@/components/Toast'
+import { ref, computed, onMounted } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { openPay, getOrderInfo, wxLogin } from '@/api/api'
+import { useRoute } from 'vue-router'
+import { GetRequest, getWeChatCode, getRemark } from '@/utils/index'
+import { useI18n } from 'vue-i18n'
+const route = useRoute()
+const { locale: language, t } = useI18n()
+const userStore = useUserStore();
+const isEur = userStore.isEur
+</script>
+<template>
+  <div class="mobilePage">mobilePage
+  </div>
+</template>
+
+<style lang="less" scoped>
+.mobilePage {
+  background: #f7f7f7;
+  min-height: calc(100vh - 50px);
+  max-width: 100vw;
+  display: block;
+  color:#202020;
+}
+</style>

src/views/mobile/scene/index.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { showConfirm } from '@/components/Toast'
+import { ref, computed, onMounted } from 'vue'
+import { useUserStore } from '@/stores/user'
+import { openPay, getOrderInfo, wxLogin } from '@/api/api'
+import { useRoute } from 'vue-router'
+import { GetRequest, getWeChatCode, getRemark } from '@/utils/index'
+import { useI18n } from 'vue-i18n'
+const route = useRoute()
+const { locale: language, t } = useI18n()
+const userStore = useUserStore();
+const isEur = userStore.isEur
+</script>
+<template>
+  <div class="mobilePage">mobilePage
+  </div>
+</template>
+
+<style lang="less" scoped>
+.mobilePage {
+  background: #f7f7f7;
+  min-height: calc(100vh - 50px);
+  max-width: 100vw;
+  display: block;
+  color:#202020;
+}
+</style>

src/views/mobile/vite.config.ts

@@ -0,0 +1,59 @@
+import { defineConfig } from 'vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import legacy from "@vitejs/plugin-legacy";
+import vue from '@vitejs/plugin-vue'
+import path from "path";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),    
+    // require('unplugin-element-plus/webpack')(),
+    // ...
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    }),
+    legacy({
+      polyfills: ["es.promise.finally", "es/map", "es/set"],
+      targets: ["chrome<60","and_uc 9"],
+      modernPolyfills: ["es.promise.finally"]
+    }),
+  ],
+  base: '/',
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src/"),
+      // "@": path.resolve(__dirname, "src"),
+    }
+  },
+  css: {
+    preprocessorOptions: {
+      less: {
+        modifyVars: {
+          hack: `true; @import (reference) "${path.resolve(__dirname, 'src/assets/config.less')}";`,
+        },
+        javascriptEnabled: true,
+      }
+    }
+  },
+  server: {
+    proxy: {
+      '/service': {
+        target: 'https://testeur.4dkankan.com/',
+        changeOrigin: true,
+        // rewrite: (path) => path.replace(/^\/api/, '')
+      },
+      '/ucenter': {
+        target: 'https://testeur.4dkankan.com/',
+        changeOrigin: true,
+        // rewrite: (path) => path.replace(/^\/api/, '')
+      }
+    }
+ },
+
+})