flat: 微调

App.vue

@@ -6,32 +6,41 @@ import usePageAnimation from './hook/usePageAnimation';
 import useDictStore from './stores/useDictStore';
 const { $api, navTo, appendScriptTagElement, aes_Decrypt, sm2_Decrypt, safeReLaunch } = inject('globalFunction');
 import config from '@/config.js';
+import baseDB from '@/utils/db.js';
 usePageAnimation();
 const appword = 'aKd20dbGdFvmuwrt'; // 固定值
 
 onLaunch((options) => {
-    // uni.hideTabBar();
     useDictStore().getDictData();
-    try {
+    if (lightAppJssdk.user) {
+        console.warn('爱山东环境');
         getUserInfo();
         useUserStore().changMiniProgramAppStatus(false);
-    } catch {
-        console.log('不是爱山东平台，使用测试登陆');
+        useUserStore().changMachineEnv(false);
+        return;
+    }
+    if (isY9MachineType()) {
+        console.warn('求职一体机环境');
+        baseDB.resetAndReinit(); // 清空indexdb
+        useUserStore().logOutApp();
         useUserStore().changMiniProgramAppStatus(true);
-        useUserStore().initSeesionId(); //更新
-        let token = uni.getStorageSync('token') || ''; // 同步获取 缓存信息
-        if (token) {
-            useUserStore()
-                .loginSetToken(token)
-                .then(() => {
-                    $api.msg('登录成功');
-                });
-        } else {
-            safeReLaunch('/pages/login/login');
-            // uni.redirectTo({
-            //     url: '/pages/login/login',
-            // });
-        }
+        useUserStore().changMachineEnv(true);
+        return;
+    }
+    // 正式上线去除此方法
+    console.warn('浏览器环境');
+    useUserStore().changMiniProgramAppStatus(true);
+    useUserStore().changMachineEnv(false);
+    useUserStore().initSeesionId(); //更新
+    let token = uni.getStorageSync('token') || '';
+    if (token) {
+        useUserStore()
+            .loginSetToken(token)
+            .then(() => {
+                $api.msg('登录成功');
+            });
+    } else {
+        safeReLaunch('/pages/login/login');
     }
 });
 
@@ -45,6 +54,12 @@ onHide(() => {
     console.log('App Hide');
 });
 
+function isY9MachineType() {
+    const ua = navigator.userAgent;
+    const isY9Machine = /Y9-ZYYH/i.test(ua); // 匹配机器型号
+    return isY9Machine;
+}
+
 function getUserInfo() {
     lightAppJssdk.user.getUserInfoWithEncryptedParamByAppId({
         appId: config.appInfo.loveShandong, // 接入方在成功创建应用后自动生成
@@ -111,15 +126,9 @@ function loginCallback(userInfo) {
             .then((resume) => {
                 if (resume.data.jobTitleId) {
                     useUserStore().initSeesionId();
-                    // uni.reLaunch({
-                    //     url: '/pages/index/index',
-                    // });
                     safeReLaunch('/pages/index/index');
                 } else {
                     safeReLaunch('/pages/login/login');
-                    // uni.redirectTo({
-                    //     url: '/pages/login/login',
-                    // });
                 }
             });
     });
@@ -183,7 +192,7 @@ uni-modal,
 
 @font-face {
     font-family: DIN-Medium;
-    src: url('https://qd.zhaopinzao8dian.com/file/csn/DIN-Medium.woff2') format('woff2');
+    src: url('./static/font/DIN-Medium.woff2') format('woff2');
     font-display: swap;
 }
 

common/globalFunction.js

@@ -1,11 +1,4 @@
-// #ifdef H5
 import '@/lib/encryption/sm4.min.js'
-// #endif
-
-// #ifdef APP-PLUS
-import { sm4 } from 'sm-crypto';
-// #endif
-
 import useUserStore from "../stores/useUserStore";
 import {
     createRequestWithCache,
@@ -608,6 +601,7 @@ export function sm4Decrypt(key, value, mode = "hex") {
             cipherType: mode === 'hex' ? 'hex' : 'base64',
             padding: 'pkcs#5'
         });
+
         return decrypted
 
     } catch (e) {

common/wide-screen.css

@@ -0,0 +1,32 @@
+/* toast大小改为rpx */
+uni-toast .uni-sample-toast {
+  width: 300rpx !important;
+}
+uni-toast .uni-simple-toast__text {
+  font-size: 30rpx !important;
+  padding: 15rpx 25rpx !important;
+  border-radius: 15rpx !important;
+}
+uni-toast .uni-toast {
+  width: 160rpx !important;
+  padding: 15rpx 25rpx !important;
+  border-radius: 15rpx !important;
+}
+uni-toast .uni-toast__icon {
+  width: 45rpx !important;
+  height: 45rpx !important;
+}
+uni-toast .uni-toast__content {
+  font-size: 30rpx !important;
+}
+.uni-load-more{
+    height: 40rpx !important;
+}
+.uni-load-more svg{
+    height: 30rpx !important;
+    width: 30rpx !important;
+}
+.uni-load-more__text{
+    font-size: 30rpx !important;
+}
+

components/AppLayout/AppLayout.vue

@@ -27,7 +27,7 @@
             </view>
 
             <!-- 主体内容区域 -->
-            <view class="container-main">
+            <view class="container-main" :style="{ backgroundColor: mainbackGroundColor }">
                 <scroll-view v-if="useScrollView" scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
                     <slot></slot>
                 </scroll-view>
@@ -70,6 +70,10 @@ defineProps({
         type: String,
         default: '#ffffff',
     },
+    mainbackGroundColor: {
+        type: String,
+        default: '',
+    },
     useScrollView: {
         type: Boolean,
         default: true,
@@ -92,7 +96,6 @@ const handleScrollToLower = () => {
     width: 100vw;
     height: calc(100% - var(--window-bottom));
     overflow: hidden;
-    
 }
 .app-container {
     // background-image: url('@/static/icon/background2.png');
@@ -103,8 +106,6 @@ const handleScrollToLower = () => {
     flex-direction: column;
     height: 100%;
     width: 100%;
-    box-sizing: border-box;
-    padding-top: calc(var(--window-top) + var(--status-bar-height));
     .container-header {
         min-height: calc(88rpx - 14rpx);
         text-align: center;

components/My-icons/my-icons.css

@@ -0,0 +1,664 @@
+
+.uniui-cart-filled:before {
+  content: "\e6d0";
+}
+
+.uniui-gift-filled:before {
+  content: "\e6c4";
+}
+
+.uniui-color:before {
+  content: "\e6cf";
+}
+
+.uniui-wallet:before {
+  content: "\e6b1";
+}
+
+.uniui-settings-filled:before {
+  content: "\e6ce";
+}
+
+.uniui-auth-filled:before {
+  content: "\e6cc";
+}
+
+.uniui-shop-filled:before {
+  content: "\e6cd";
+}
+
+.uniui-staff-filled:before {
+  content: "\e6cb";
+}
+
+.uniui-vip-filled:before {
+  content: "\e6c6";
+}
+
+.uniui-plus-filled:before {
+  content: "\e6c7";
+}
+
+.uniui-folder-add-filled:before {
+  content: "\e6c8";
+}
+
+.uniui-color-filled:before {
+  content: "\e6c9";
+}
+
+.uniui-tune-filled:before {
+  content: "\e6ca";
+}
+
+.uniui-calendar-filled:before {
+  content: "\e6c0";
+}
+
+.uniui-notification-filled:before {
+  content: "\e6c1";
+}
+
+.uniui-wallet-filled:before {
+  content: "\e6c2";
+}
+
+.uniui-medal-filled:before {
+  content: "\e6c3";
+}
+
+.uniui-fire-filled:before {
+  content: "\e6c5";
+}
+
+.uniui-refreshempty:before {
+  content: "\e6bf";
+}
+
+.uniui-location-filled:before {
+  content: "\e6af";
+}
+
+.uniui-person-filled:before {
+  content: "\e69d";
+}
+
+.uniui-personadd-filled:before {
+  content: "\e698";
+}
+
+.uniui-arrowthinleft:before {
+  content: "\e6d2";
+}
+
+.uniui-arrowthinup:before {
+  content: "\e6d3";
+}
+
+.uniui-arrowthindown:before {
+  content: "\e6d4";
+}
+
+.uniui-back:before {
+  content: "\e6b9";
+}
+
+.uniui-forward:before {
+  content: "\e6ba";
+}
+
+.uniui-arrow-right:before {
+  content: "\e6bb";
+}
+
+.uniui-arrow-left:before {
+  content: "\e6bc";
+}
+
+.uniui-arrow-up:before {
+  content: "\e6bd";
+}
+
+.uniui-arrow-down:before {
+  content: "\e6be";
+}
+
+.uniui-arrowthinright:before {
+  content: "\e6d1";
+}
+
+.uniui-down:before {
+  content: "\e6b8";
+}
+
+.uniui-bottom:before {
+  content: "\e6b8";
+}
+
+.uniui-arrowright:before {
+  content: "\e6d5";
+}
+
+.uniui-right:before {
+  content: "\e6b5";
+}
+
+.uniui-up:before {
+  content: "\e6b6";
+}
+
+.uniui-top:before {
+  content: "\e6b6";
+}
+
+.uniui-left:before {
+  content: "\e6b7";
+}
+
+.uniui-arrowup:before {
+  content: "\e6d6";
+}
+
+.uniui-eye:before {
+  content: "\e651";
+}
+
+.uniui-eye-filled:before {
+  content: "\e66a";
+}
+
+.uniui-eye-slash:before {
+  content: "\e6b3";
+}
+
+.uniui-eye-slash-filled:before {
+  content: "\e6b4";
+}
+
+.uniui-info-filled:before {
+  content: "\e649";
+}
+
+.uniui-reload:before {
+  content: "\e6b2";
+}
+
+.uniui-micoff-filled:before {
+  content: "\e6b0";
+}
+
+.uniui-map-pin-ellipse:before {
+  content: "\e6ac";
+}
+
+.uniui-map-pin:before {
+  content: "\e6ad";
+}
+
+.uniui-location:before {
+  content: "\e6ae";
+}
+
+.uniui-starhalf:before {
+  content: "\e683";
+}
+
+.uniui-star:before {
+  content: "\e688";
+}
+
+.uniui-star-filled:before {
+  content: "\e68f";
+}
+
+.uniui-calendar:before {
+  content: "\e6a0";
+}
+
+.uniui-fire:before {
+  content: "\e6a1";
+}
+
+.uniui-medal:before {
+  content: "\e6a2";
+}
+
+.uniui-font:before {
+  content: "\e6a3";
+}
+
+.uniui-gift:before {
+  content: "\e6a4";
+}
+
+.uniui-link:before {
+  content: "\e6a5";
+}
+
+.uniui-notification:before {
+  content: "\e6a6";
+}
+
+.uniui-staff:before {
+  content: "\e6a7";
+}
+
+.uniui-vip:before {
+  content: "\e6a8";
+}
+
+.uniui-folder-add:before {
+  content: "\e6a9";
+}
+
+.uniui-tune:before {
+  content: "\e6aa";
+}
+
+.uniui-auth:before {
+  content: "\e6ab";
+}
+
+.uniui-person:before {
+  content: "\e699";
+}
+
+.uniui-email-filled:before {
+  content: "\e69a";
+}
+
+.uniui-phone-filled:before {
+  content: "\e69b";
+}
+
+.uniui-phone:before {
+  content: "\e69c";
+}
+
+.uniui-email:before {
+  content: "\e69e";
+}
+
+.uniui-personadd:before {
+  content: "\e69f";
+}
+
+.uniui-chatboxes-filled:before {
+  content: "\e692";
+}
+
+.uniui-contact:before {
+  content: "\e693";
+}
+
+.uniui-chatbubble-filled:before {
+  content: "\e694";
+}
+
+.uniui-contact-filled:before {
+  content: "\e695";
+}
+
+.uniui-chatboxes:before {
+  content: "\e696";
+}
+
+.uniui-chatbubble:before {
+  content: "\e697";
+}
+
+.uniui-upload-filled:before {
+  content: "\e68e";
+}
+
+.uniui-upload:before {
+  content: "\e690";
+}
+
+.uniui-weixin:before {
+  content: "\e691";
+}
+
+.uniui-compose:before {
+  content: "\e67f";
+}
+
+.uniui-qq:before {
+  content: "\e680";
+}
+
+.uniui-download-filled:before {
+  content: "\e681";
+}
+
+.uniui-pyq:before {
+  content: "\e682";
+}
+
+.uniui-sound:before {
+  content: "\e684";
+}
+
+.uniui-trash-filled:before {
+  content: "\e685";
+}
+
+.uniui-sound-filled:before {
+  content: "\e686";
+}
+
+.uniui-trash:before {
+  content: "\e687";
+}
+
+.uniui-videocam-filled:before {
+  content: "\e689";
+}
+
+.uniui-spinner-cycle:before {
+  content: "\e68a";
+}
+
+.uniui-weibo:before {
+  content: "\e68b";
+}
+
+.uniui-videocam:before {
+  content: "\e68c";
+}
+
+.uniui-download:before {
+  content: "\e68d";
+}
+
+.uniui-help:before {
+  content: "\e679";
+}
+
+.uniui-navigate-filled:before {
+  content: "\e67a";
+}
+
+.uniui-plusempty:before {
+  content: "\e67b";
+}
+
+.uniui-smallcircle:before {
+  content: "\e67c";
+}
+
+.uniui-minus-filled:before {
+  content: "\e67d";
+}
+
+.uniui-micoff:before {
+  content: "\e67e";
+}
+
+.uniui-closeempty:before {
+  content: "\e66c";
+}
+
+.uniui-clear:before {
+  content: "\e66d";
+}
+
+.uniui-navigate:before {
+  content: "\e66e";
+}
+
+.uniui-minus:before {
+  content: "\e66f";
+}
+
+.uniui-image:before {
+  content: "\e670";
+}
+
+.uniui-mic:before {
+  content: "\e671";
+}
+
+.uniui-paperplane:before {
+  content: "\e672";
+}
+
+.uniui-close:before {
+  content: "\e673";
+}
+
+.uniui-help-filled:before {
+  content: "\e674";
+}
+
+.uniui-paperplane-filled:before {
+  content: "\e675";
+}
+
+.uniui-plus:before {
+  content: "\e676";
+}
+
+.uniui-mic-filled:before {
+  content: "\e677";
+}
+
+.uniui-image-filled:before {
+  content: "\e678";
+}
+
+.uniui-locked-filled:before {
+  content: "\e668";
+}
+
+.uniui-info:before {
+  content: "\e669";
+}
+
+.uniui-locked:before {
+  content: "\e66b";
+}
+
+.uniui-camera-filled:before {
+  content: "\e658";
+}
+
+.uniui-chat-filled:before {
+  content: "\e659";
+}
+
+.uniui-camera:before {
+  content: "\e65a";
+}
+
+.uniui-circle:before {
+  content: "\e65b";
+}
+
+.uniui-checkmarkempty:before {
+  content: "\e65c";
+}
+
+.uniui-chat:before {
+  content: "\e65d";
+}
+
+.uniui-circle-filled:before {
+  content: "\e65e";
+}
+
+.uniui-flag:before {
+  content: "\e65f";
+}
+
+.uniui-flag-filled:before {
+  content: "\e660";
+}
+
+.uniui-gear-filled:before {
+  content: "\e661";
+}
+
+.uniui-home:before {
+  content: "\e662";
+}
+
+.uniui-home-filled:before {
+  content: "\e663";
+}
+
+.uniui-gear:before {
+  content: "\e664";
+}
+
+.uniui-smallcircle-filled:before {
+  content: "\e665";
+}
+
+.uniui-map-filled:before {
+  content: "\e666";
+}
+
+.uniui-map:before {
+  content: "\e667";
+}
+
+.uniui-refresh-filled:before {
+  content: "\e656";
+}
+
+.uniui-refresh:before {
+  content: "\e657";
+}
+
+.uniui-cloud-upload:before {
+  content: "\e645";
+}
+
+.uniui-cloud-download-filled:before {
+  content: "\e646";
+}
+
+.uniui-cloud-download:before {
+  content: "\e647";
+}
+
+.uniui-cloud-upload-filled:before {
+  content: "\e648";
+}
+
+.uniui-redo:before {
+  content: "\e64a";
+}
+
+.uniui-images-filled:before {
+  content: "\e64b";
+}
+
+.uniui-undo-filled:before {
+  content: "\e64c";
+}
+
+.uniui-more:before {
+  content: "\e64d";
+}
+
+.uniui-more-filled:before {
+  content: "\e64e";
+}
+
+.uniui-undo:before {
+  content: "\e64f";
+}
+
+.uniui-images:before {
+  content: "\e650";
+}
+
+.uniui-paperclip:before {
+  content: "\e652";
+}
+
+.uniui-settings:before {
+  content: "\e653";
+}
+
+.uniui-search:before {
+  content: "\e654";
+}
+
+.uniui-redo-filled:before {
+  content: "\e655";
+}
+
+.uniui-list:before {
+  content: "\e644";
+}
+
+.uniui-mail-open-filled:before {
+  content: "\e63a";
+}
+
+.uniui-hand-down-filled:before {
+  content: "\e63c";
+}
+
+.uniui-hand-down:before {
+  content: "\e63d";
+}
+
+.uniui-hand-up-filled:before {
+  content: "\e63e";
+}
+
+.uniui-hand-up:before {
+  content: "\e63f";
+}
+
+.uniui-heart-filled:before {
+  content: "\e641";
+}
+
+.uniui-mail-open:before {
+  content: "\e643";
+}
+
+.uniui-heart:before {
+  content: "\e639";
+}
+
+.uniui-loop:before {
+  content: "\e633";
+}
+
+.uniui-pulldown:before {
+  content: "\e632";
+}
+
+.uniui-scan:before {
+  content: "\e62a";
+}
+
+.uniui-bars:before {
+  content: "\e627";
+}
+
+.uniui-checkbox:before {
+  content: "\e62b";
+}
+
+.uniui-checkbox-filled:before {
+  content: "\e62c";
+}
+
+.uniui-shop:before {
+  content: "\e62f";
+}
+
+.uniui-headphones:before {
+  content: "\e630";
+}
+
+.uniui-cart:before {
+  content: "\e631";
+}

components/My-icons/my-icons.ts

@@ -0,0 +1,664 @@
+
+export type IconsData = {
+	id : string
+	name : string
+	font_family : string
+	css_prefix_text : string
+	description : string
+	glyphs : Array<IconsDataItem>
+}
+
+export type IconsDataItem = {
+	font_class : string
+	unicode : string
+}
+
+
+export const fontData = [
+  {
+    "font_class": "arrow-down",
+    "unicode": "\ue6be"
+  },
+  {
+    "font_class": "arrow-left",
+    "unicode": "\ue6bc"
+  },
+  {
+    "font_class": "arrow-right",
+    "unicode": "\ue6bb"
+  },
+  {
+    "font_class": "arrow-up",
+    "unicode": "\ue6bd"
+  },
+  {
+    "font_class": "auth",
+    "unicode": "\ue6ab"
+  },
+  {
+    "font_class": "auth-filled",
+    "unicode": "\ue6cc"
+  },
+  {
+    "font_class": "back",
+    "unicode": "\ue6b9"
+  },
+  {
+    "font_class": "bars",
+    "unicode": "\ue627"
+  },
+  {
+    "font_class": "calendar",
+    "unicode": "\ue6a0"
+  },
+  {
+    "font_class": "calendar-filled",
+    "unicode": "\ue6c0"
+  },
+  {
+    "font_class": "camera",
+    "unicode": "\ue65a"
+  },
+  {
+    "font_class": "camera-filled",
+    "unicode": "\ue658"
+  },
+  {
+    "font_class": "cart",
+    "unicode": "\ue631"
+  },
+  {
+    "font_class": "cart-filled",
+    "unicode": "\ue6d0"
+  },
+  {
+    "font_class": "chat",
+    "unicode": "\ue65d"
+  },
+  {
+    "font_class": "chat-filled",
+    "unicode": "\ue659"
+  },
+  {
+    "font_class": "chatboxes",
+    "unicode": "\ue696"
+  },
+  {
+    "font_class": "chatboxes-filled",
+    "unicode": "\ue692"
+  },
+  {
+    "font_class": "chatbubble",
+    "unicode": "\ue697"
+  },
+  {
+    "font_class": "chatbubble-filled",
+    "unicode": "\ue694"
+  },
+  {
+    "font_class": "checkbox",
+    "unicode": "\ue62b"
+  },
+  {
+    "font_class": "checkbox-filled",
+    "unicode": "\ue62c"
+  },
+  {
+    "font_class": "checkmarkempty",
+    "unicode": "\ue65c"
+  },
+  {
+    "font_class": "circle",
+    "unicode": "\ue65b"
+  },
+  {
+    "font_class": "circle-filled",
+    "unicode": "\ue65e"
+  },
+  {
+    "font_class": "clear",
+    "unicode": "\ue66d"
+  },
+  {
+    "font_class": "close",
+    "unicode": "\ue673"
+  },
+  {
+    "font_class": "closeempty",
+    "unicode": "\ue66c"
+  },
+  {
+    "font_class": "cloud-download",
+    "unicode": "\ue647"
+  },
+  {
+    "font_class": "cloud-download-filled",
+    "unicode": "\ue646"
+  },
+  {
+    "font_class": "cloud-upload",
+    "unicode": "\ue645"
+  },
+  {
+    "font_class": "cloud-upload-filled",
+    "unicode": "\ue648"
+  },
+  {
+    "font_class": "color",
+    "unicode": "\ue6cf"
+  },
+  {
+    "font_class": "color-filled",
+    "unicode": "\ue6c9"
+  },
+  {
+    "font_class": "compose",
+    "unicode": "\ue67f"
+  },
+  {
+    "font_class": "contact",
+    "unicode": "\ue693"
+  },
+  {
+    "font_class": "contact-filled",
+    "unicode": "\ue695"
+  },
+  {
+    "font_class": "down",
+    "unicode": "\ue6b8"
+  },
+	{
+	  "font_class": "bottom",
+	  "unicode": "\ue6b8"
+	},
+  {
+    "font_class": "download",
+    "unicode": "\ue68d"
+  },
+  {
+    "font_class": "download-filled",
+    "unicode": "\ue681"
+  },
+  {
+    "font_class": "email",
+    "unicode": "\ue69e"
+  },
+  {
+    "font_class": "email-filled",
+    "unicode": "\ue69a"
+  },
+  {
+    "font_class": "eye",
+    "unicode": "\ue651"
+  },
+  {
+    "font_class": "eye-filled",
+    "unicode": "\ue66a"
+  },
+  {
+    "font_class": "eye-slash",
+    "unicode": "\ue6b3"
+  },
+  {
+    "font_class": "eye-slash-filled",
+    "unicode": "\ue6b4"
+  },
+  {
+    "font_class": "fire",
+    "unicode": "\ue6a1"
+  },
+  {
+    "font_class": "fire-filled",
+    "unicode": "\ue6c5"
+  },
+  {
+    "font_class": "flag",
+    "unicode": "\ue65f"
+  },
+  {
+    "font_class": "flag-filled",
+    "unicode": "\ue660"
+  },
+  {
+    "font_class": "folder-add",
+    "unicode": "\ue6a9"
+  },
+  {
+    "font_class": "folder-add-filled",
+    "unicode": "\ue6c8"
+  },
+  {
+    "font_class": "font",
+    "unicode": "\ue6a3"
+  },
+  {
+    "font_class": "forward",
+    "unicode": "\ue6ba"
+  },
+  {
+    "font_class": "gear",
+    "unicode": "\ue664"
+  },
+  {
+    "font_class": "gear-filled",
+    "unicode": "\ue661"
+  },
+  {
+    "font_class": "gift",
+    "unicode": "\ue6a4"
+  },
+  {
+    "font_class": "gift-filled",
+    "unicode": "\ue6c4"
+  },
+  {
+    "font_class": "hand-down",
+    "unicode": "\ue63d"
+  },
+  {
+    "font_class": "hand-down-filled",
+    "unicode": "\ue63c"
+  },
+  {
+    "font_class": "hand-up",
+    "unicode": "\ue63f"
+  },
+  {
+    "font_class": "hand-up-filled",
+    "unicode": "\ue63e"
+  },
+  {
+    "font_class": "headphones",
+    "unicode": "\ue630"
+  },
+  {
+    "font_class": "heart",
+    "unicode": "\ue639"
+  },
+  {
+    "font_class": "heart-filled",
+    "unicode": "\ue641"
+  },
+  {
+    "font_class": "help",
+    "unicode": "\ue679"
+  },
+  {
+    "font_class": "help-filled",
+    "unicode": "\ue674"
+  },
+  {
+    "font_class": "home",
+    "unicode": "\ue662"
+  },
+  {
+    "font_class": "home-filled",
+    "unicode": "\ue663"
+  },
+  {
+    "font_class": "image",
+    "unicode": "\ue670"
+  },
+  {
+    "font_class": "image-filled",
+    "unicode": "\ue678"
+  },
+  {
+    "font_class": "images",
+    "unicode": "\ue650"
+  },
+  {
+    "font_class": "images-filled",
+    "unicode": "\ue64b"
+  },
+  {
+    "font_class": "info",
+    "unicode": "\ue669"
+  },
+  {
+    "font_class": "info-filled",
+    "unicode": "\ue649"
+  },
+  {
+    "font_class": "left",
+    "unicode": "\ue6b7"
+  },
+  {
+    "font_class": "link",
+    "unicode": "\ue6a5"
+  },
+  {
+    "font_class": "list",
+    "unicode": "\ue644"
+  },
+  {
+    "font_class": "location",
+    "unicode": "\ue6ae"
+  },
+  {
+    "font_class": "location-filled",
+    "unicode": "\ue6af"
+  },
+  {
+    "font_class": "locked",
+    "unicode": "\ue66b"
+  },
+  {
+    "font_class": "locked-filled",
+    "unicode": "\ue668"
+  },
+  {
+    "font_class": "loop",
+    "unicode": "\ue633"
+  },
+  {
+    "font_class": "mail-open",
+    "unicode": "\ue643"
+  },
+  {
+    "font_class": "mail-open-filled",
+    "unicode": "\ue63a"
+  },
+  {
+    "font_class": "map",
+    "unicode": "\ue667"
+  },
+  {
+    "font_class": "map-filled",
+    "unicode": "\ue666"
+  },
+  {
+    "font_class": "map-pin",
+    "unicode": "\ue6ad"
+  },
+  {
+    "font_class": "map-pin-ellipse",
+    "unicode": "\ue6ac"
+  },
+  {
+    "font_class": "medal",
+    "unicode": "\ue6a2"
+  },
+  {
+    "font_class": "medal-filled",
+    "unicode": "\ue6c3"
+  },
+  {
+    "font_class": "mic",
+    "unicode": "\ue671"
+  },
+  {
+    "font_class": "mic-filled",
+    "unicode": "\ue677"
+  },
+  {
+    "font_class": "micoff",
+    "unicode": "\ue67e"
+  },
+  {
+    "font_class": "micoff-filled",
+    "unicode": "\ue6b0"
+  },
+  {
+    "font_class": "minus",
+    "unicode": "\ue66f"
+  },
+  {
+    "font_class": "minus-filled",
+    "unicode": "\ue67d"
+  },
+  {
+    "font_class": "more",
+    "unicode": "\ue64d"
+  },
+  {
+    "font_class": "more-filled",
+    "unicode": "\ue64e"
+  },
+  {
+    "font_class": "navigate",
+    "unicode": "\ue66e"
+  },
+  {
+    "font_class": "navigate-filled",
+    "unicode": "\ue67a"
+  },
+  {
+    "font_class": "notification",
+    "unicode": "\ue6a6"
+  },
+  {
+    "font_class": "notification-filled",
+    "unicode": "\ue6c1"
+  },
+  {
+    "font_class": "paperclip",
+    "unicode": "\ue652"
+  },
+  {
+    "font_class": "paperplane",
+    "unicode": "\ue672"
+  },
+  {
+    "font_class": "paperplane-filled",
+    "unicode": "\ue675"
+  },
+  {
+    "font_class": "person",
+    "unicode": "\ue699"
+  },
+  {
+    "font_class": "person-filled",
+    "unicode": "\ue69d"
+  },
+  {
+    "font_class": "personadd",
+    "unicode": "\ue69f"
+  },
+  {
+    "font_class": "personadd-filled",
+    "unicode": "\ue698"
+  },
+  {
+    "font_class": "personadd-filled-copy",
+    "unicode": "\ue6d1"
+  },
+  {
+    "font_class": "phone",
+    "unicode": "\ue69c"
+  },
+  {
+    "font_class": "phone-filled",
+    "unicode": "\ue69b"
+  },
+  {
+    "font_class": "plus",
+    "unicode": "\ue676"
+  },
+  {
+    "font_class": "plus-filled",
+    "unicode": "\ue6c7"
+  },
+  {
+    "font_class": "plusempty",
+    "unicode": "\ue67b"
+  },
+  {
+    "font_class": "pulldown",
+    "unicode": "\ue632"
+  },
+  {
+    "font_class": "pyq",
+    "unicode": "\ue682"
+  },
+  {
+    "font_class": "qq",
+    "unicode": "\ue680"
+  },
+  {
+    "font_class": "redo",
+    "unicode": "\ue64a"
+  },
+  {
+    "font_class": "redo-filled",
+    "unicode": "\ue655"
+  },
+  {
+    "font_class": "refresh",
+    "unicode": "\ue657"
+  },
+  {
+    "font_class": "refresh-filled",
+    "unicode": "\ue656"
+  },
+  {
+    "font_class": "refreshempty",
+    "unicode": "\ue6bf"
+  },
+  {
+    "font_class": "reload",
+    "unicode": "\ue6b2"
+  },
+  {
+    "font_class": "right",
+    "unicode": "\ue6b5"
+  },
+  {
+    "font_class": "scan",
+    "unicode": "\ue62a"
+  },
+  {
+    "font_class": "search",
+    "unicode": "\ue654"
+  },
+  {
+    "font_class": "settings",
+    "unicode": "\ue653"
+  },
+  {
+    "font_class": "settings-filled",
+    "unicode": "\ue6ce"
+  },
+  {
+    "font_class": "shop",
+    "unicode": "\ue62f"
+  },
+  {
+    "font_class": "shop-filled",
+    "unicode": "\ue6cd"
+  },
+  {
+    "font_class": "smallcircle",
+    "unicode": "\ue67c"
+  },
+  {
+    "font_class": "smallcircle-filled",
+    "unicode": "\ue665"
+  },
+  {
+    "font_class": "sound",
+    "unicode": "\ue684"
+  },
+  {
+    "font_class": "sound-filled",
+    "unicode": "\ue686"
+  },
+  {
+    "font_class": "spinner-cycle",
+    "unicode": "\ue68a"
+  },
+  {
+    "font_class": "staff",
+    "unicode": "\ue6a7"
+  },
+  {
+    "font_class": "staff-filled",
+    "unicode": "\ue6cb"
+  },
+  {
+    "font_class": "star",
+    "unicode": "\ue688"
+  },
+  {
+    "font_class": "star-filled",
+    "unicode": "\ue68f"
+  },
+  {
+    "font_class": "starhalf",
+    "unicode": "\ue683"
+  },
+  {
+    "font_class": "trash",
+    "unicode": "\ue687"
+  },
+  {
+    "font_class": "trash-filled",
+    "unicode": "\ue685"
+  },
+  {
+    "font_class": "tune",
+    "unicode": "\ue6aa"
+  },
+  {
+    "font_class": "tune-filled",
+    "unicode": "\ue6ca"
+  },
+  {
+    "font_class": "undo",
+    "unicode": "\ue64f"
+  },
+  {
+    "font_class": "undo-filled",
+    "unicode": "\ue64c"
+  },
+  {
+    "font_class": "up",
+    "unicode": "\ue6b6"
+  },
+	{
+	  "font_class": "top",
+	  "unicode": "\ue6b6"
+	},
+  {
+    "font_class": "upload",
+    "unicode": "\ue690"
+  },
+  {
+    "font_class": "upload-filled",
+    "unicode": "\ue68e"
+  },
+  {
+    "font_class": "videocam",
+    "unicode": "\ue68c"
+  },
+  {
+    "font_class": "videocam-filled",
+    "unicode": "\ue689"
+  },
+  {
+    "font_class": "vip",
+    "unicode": "\ue6a8"
+  },
+  {
+    "font_class": "vip-filled",
+    "unicode": "\ue6c6"
+  },
+  {
+    "font_class": "wallet",
+    "unicode": "\ue6b1"
+  },
+  {
+    "font_class": "wallet-filled",
+    "unicode": "\ue6c2"
+  },
+  {
+    "font_class": "weibo",
+    "unicode": "\ue68b"
+  },
+  {
+    "font_class": "weixin",
+    "unicode": "\ue691"
+  }
+] as IconsDataItem[]
+
+// export const fontData = JSON.parse<IconsDataItem>(fontDataJson)

components/My-icons/my-icons.vue

@@ -0,0 +1,110 @@
+<template>
+	<!-- #ifdef APP-NVUE -->
+	<text :style="styleObj" class="my-icons" @click="_onClick">{{unicode}}</text>
+	<!-- #endif -->
+	<!-- #ifndef APP-NVUE -->
+	<text :style="styleObj" class="my-icons" :class="['uniui-'+type,customPrefix,customPrefix?type:'']" @click="_onClick">
+		<slot></slot>
+	</text>
+	<!-- #endif -->
+</template>
+
+<script>
+	import { fontData } from './my-icons_file_vue.js';
+
+	const getVal = (val) => {
+		const reg = /^[0-9]*$/g
+		return (typeof val === 'number' || reg.test(val)) ? val + 'rpx' : val;
+	}
+
+	// #ifdef APP-NVUE
+	var domModule = weex.requireModule('dom');
+	import iconUrl from './my-icons.ttf'
+	domModule.addRule('fontFace', {
+		'fontFamily': "my-icons",
+		'src': "url('" + iconUrl + "')"
+	});
+	// #endif
+
+	/**
+	 * Icons 图标
+	 * @description 用于展示 icons 图标
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=28
+	 * @property {Number} size 图标大小
+	 * @property {String} type 图标图案，参考示例
+	 * @property {String} color 图标颜色
+	 * @property {String} customPrefix 自定义图标
+	 * @event {Function} click 点击 Icon 触发事件
+	 */
+	export default {
+		name: 'my-icons',
+		emits: ['click'],
+		props: {
+			type: {
+				type: String,
+				default: ''
+			},
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			size: {
+				type: [Number, String],
+				default: 16
+			},
+			customPrefix: {
+				type: String,
+				default: ''
+			},
+			fontFamily: {
+				type: String,
+				default: ''
+			}
+		},
+		data() {
+			return {
+				icons: fontData
+			}
+		},
+		computed: {
+			unicode() {
+				let code = this.icons.find(v => v.font_class === this.type)
+				if (code) {
+					return code.unicode
+				}
+				return ''
+			},
+			iconSize() {
+				return getVal(this.size)
+			},
+			styleObj() {
+				if (this.fontFamily !== '') {
+					return `color: ${this.color}; font-size: ${this.iconSize}; font-family: ${this.fontFamily};`
+				}
+				return `color: ${this.color}; font-size: ${this.iconSize};`
+			}
+		},
+		methods: {
+			_onClick() {
+				this.$emit('click')
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	/* #ifndef APP-NVUE */
+	@import './my-icons.css';
+
+	@font-face {
+		font-family: my-icons;
+		src: url('./my-icons.ttf');
+	}
+
+	/* #endif */
+	.my-icons {
+		font-family: my-icons;
+		text-decoration: none;
+		text-align: center;
+	}
+</style>

components/My-icons/my-icons_file_vue.js

@@ -0,0 +1,649 @@
+
+export const fontData = [
+  {
+    "font_class": "arrow-down",
+    "unicode": "\ue6be"
+  },
+  {
+    "font_class": "arrow-left",
+    "unicode": "\ue6bc"
+  },
+  {
+    "font_class": "arrow-right",
+    "unicode": "\ue6bb"
+  },
+  {
+    "font_class": "arrow-up",
+    "unicode": "\ue6bd"
+  },
+  {
+    "font_class": "auth",
+    "unicode": "\ue6ab"
+  },
+  {
+    "font_class": "auth-filled",
+    "unicode": "\ue6cc"
+  },
+  {
+    "font_class": "back",
+    "unicode": "\ue6b9"
+  },
+  {
+    "font_class": "bars",
+    "unicode": "\ue627"
+  },
+  {
+    "font_class": "calendar",
+    "unicode": "\ue6a0"
+  },
+  {
+    "font_class": "calendar-filled",
+    "unicode": "\ue6c0"
+  },
+  {
+    "font_class": "camera",
+    "unicode": "\ue65a"
+  },
+  {
+    "font_class": "camera-filled",
+    "unicode": "\ue658"
+  },
+  {
+    "font_class": "cart",
+    "unicode": "\ue631"
+  },
+  {
+    "font_class": "cart-filled",
+    "unicode": "\ue6d0"
+  },
+  {
+    "font_class": "chat",
+    "unicode": "\ue65d"
+  },
+  {
+    "font_class": "chat-filled",
+    "unicode": "\ue659"
+  },
+  {
+    "font_class": "chatboxes",
+    "unicode": "\ue696"
+  },
+  {
+    "font_class": "chatboxes-filled",
+    "unicode": "\ue692"
+  },
+  {
+    "font_class": "chatbubble",
+    "unicode": "\ue697"
+  },
+  {
+    "font_class": "chatbubble-filled",
+    "unicode": "\ue694"
+  },
+  {
+    "font_class": "checkbox",
+    "unicode": "\ue62b"
+  },
+  {
+    "font_class": "checkbox-filled",
+    "unicode": "\ue62c"
+  },
+  {
+    "font_class": "checkmarkempty",
+    "unicode": "\ue65c"
+  },
+  {
+    "font_class": "circle",
+    "unicode": "\ue65b"
+  },
+  {
+    "font_class": "circle-filled",
+    "unicode": "\ue65e"
+  },
+  {
+    "font_class": "clear",
+    "unicode": "\ue66d"
+  },
+  {
+    "font_class": "close",
+    "unicode": "\ue673"
+  },
+  {
+    "font_class": "closeempty",
+    "unicode": "\ue66c"
+  },
+  {
+    "font_class": "cloud-download",
+    "unicode": "\ue647"
+  },
+  {
+    "font_class": "cloud-download-filled",
+    "unicode": "\ue646"
+  },
+  {
+    "font_class": "cloud-upload",
+    "unicode": "\ue645"
+  },
+  {
+    "font_class": "cloud-upload-filled",
+    "unicode": "\ue648"
+  },
+  {
+    "font_class": "color",
+    "unicode": "\ue6cf"
+  },
+  {
+    "font_class": "color-filled",
+    "unicode": "\ue6c9"
+  },
+  {
+    "font_class": "compose",
+    "unicode": "\ue67f"
+  },
+  {
+    "font_class": "contact",
+    "unicode": "\ue693"
+  },
+  {
+    "font_class": "contact-filled",
+    "unicode": "\ue695"
+  },
+  {
+    "font_class": "down",
+    "unicode": "\ue6b8"
+  },
+	{
+	  "font_class": "bottom",
+	  "unicode": "\ue6b8"
+	},
+  {
+    "font_class": "download",
+    "unicode": "\ue68d"
+  },
+  {
+    "font_class": "download-filled",
+    "unicode": "\ue681"
+  },
+  {
+    "font_class": "email",
+    "unicode": "\ue69e"
+  },
+  {
+    "font_class": "email-filled",
+    "unicode": "\ue69a"
+  },
+  {
+    "font_class": "eye",
+    "unicode": "\ue651"
+  },
+  {
+    "font_class": "eye-filled",
+    "unicode": "\ue66a"
+  },
+  {
+    "font_class": "eye-slash",
+    "unicode": "\ue6b3"
+  },
+  {
+    "font_class": "eye-slash-filled",
+    "unicode": "\ue6b4"
+  },
+  {
+    "font_class": "fire",
+    "unicode": "\ue6a1"
+  },
+  {
+    "font_class": "fire-filled",
+    "unicode": "\ue6c5"
+  },
+  {
+    "font_class": "flag",
+    "unicode": "\ue65f"
+  },
+  {
+    "font_class": "flag-filled",
+    "unicode": "\ue660"
+  },
+  {
+    "font_class": "folder-add",
+    "unicode": "\ue6a9"
+  },
+  {
+    "font_class": "folder-add-filled",
+    "unicode": "\ue6c8"
+  },
+  {
+    "font_class": "font",
+    "unicode": "\ue6a3"
+  },
+  {
+    "font_class": "forward",
+    "unicode": "\ue6ba"
+  },
+  {
+    "font_class": "gear",
+    "unicode": "\ue664"
+  },
+  {
+    "font_class": "gear-filled",
+    "unicode": "\ue661"
+  },
+  {
+    "font_class": "gift",
+    "unicode": "\ue6a4"
+  },
+  {
+    "font_class": "gift-filled",
+    "unicode": "\ue6c4"
+  },
+  {
+    "font_class": "hand-down",
+    "unicode": "\ue63d"
+  },
+  {
+    "font_class": "hand-down-filled",
+    "unicode": "\ue63c"
+  },
+  {
+    "font_class": "hand-up",
+    "unicode": "\ue63f"
+  },
+  {
+    "font_class": "hand-up-filled",
+    "unicode": "\ue63e"
+  },
+  {
+    "font_class": "headphones",
+    "unicode": "\ue630"
+  },
+  {
+    "font_class": "heart",
+    "unicode": "\ue639"
+  },
+  {
+    "font_class": "heart-filled",
+    "unicode": "\ue641"
+  },
+  {
+    "font_class": "help",
+    "unicode": "\ue679"
+  },
+  {
+    "font_class": "help-filled",
+    "unicode": "\ue674"
+  },
+  {
+    "font_class": "home",
+    "unicode": "\ue662"
+  },
+  {
+    "font_class": "home-filled",
+    "unicode": "\ue663"
+  },
+  {
+    "font_class": "image",
+    "unicode": "\ue670"
+  },
+  {
+    "font_class": "image-filled",
+    "unicode": "\ue678"
+  },
+  {
+    "font_class": "images",
+    "unicode": "\ue650"
+  },
+  {
+    "font_class": "images-filled",
+    "unicode": "\ue64b"
+  },
+  {
+    "font_class": "info",
+    "unicode": "\ue669"
+  },
+  {
+    "font_class": "info-filled",
+    "unicode": "\ue649"
+  },
+  {
+    "font_class": "left",
+    "unicode": "\ue6b7"
+  },
+  {
+    "font_class": "link",
+    "unicode": "\ue6a5"
+  },
+  {
+    "font_class": "list",
+    "unicode": "\ue644"
+  },
+  {
+    "font_class": "location",
+    "unicode": "\ue6ae"
+  },
+  {
+    "font_class": "location-filled",
+    "unicode": "\ue6af"
+  },
+  {
+    "font_class": "locked",
+    "unicode": "\ue66b"
+  },
+  {
+    "font_class": "locked-filled",
+    "unicode": "\ue668"
+  },
+  {
+    "font_class": "loop",
+    "unicode": "\ue633"
+  },
+  {
+    "font_class": "mail-open",
+    "unicode": "\ue643"
+  },
+  {
+    "font_class": "mail-open-filled",
+    "unicode": "\ue63a"
+  },
+  {
+    "font_class": "map",
+    "unicode": "\ue667"
+  },
+  {
+    "font_class": "map-filled",
+    "unicode": "\ue666"
+  },
+  {
+    "font_class": "map-pin",
+    "unicode": "\ue6ad"
+  },
+  {
+    "font_class": "map-pin-ellipse",
+    "unicode": "\ue6ac"
+  },
+  {
+    "font_class": "medal",
+    "unicode": "\ue6a2"
+  },
+  {
+    "font_class": "medal-filled",
+    "unicode": "\ue6c3"
+  },
+  {
+    "font_class": "mic",
+    "unicode": "\ue671"
+  },
+  {
+    "font_class": "mic-filled",
+    "unicode": "\ue677"
+  },
+  {
+    "font_class": "micoff",
+    "unicode": "\ue67e"
+  },
+  {
+    "font_class": "micoff-filled",
+    "unicode": "\ue6b0"
+  },
+  {
+    "font_class": "minus",
+    "unicode": "\ue66f"
+  },
+  {
+    "font_class": "minus-filled",
+    "unicode": "\ue67d"
+  },
+  {
+    "font_class": "more",
+    "unicode": "\ue64d"
+  },
+  {
+    "font_class": "more-filled",
+    "unicode": "\ue64e"
+  },
+  {
+    "font_class": "navigate",
+    "unicode": "\ue66e"
+  },
+  {
+    "font_class": "navigate-filled",
+    "unicode": "\ue67a"
+  },
+  {
+    "font_class": "notification",
+    "unicode": "\ue6a6"
+  },
+  {
+    "font_class": "notification-filled",
+    "unicode": "\ue6c1"
+  },
+  {
+    "font_class": "paperclip",
+    "unicode": "\ue652"
+  },
+  {
+    "font_class": "paperplane",
+    "unicode": "\ue672"
+  },
+  {
+    "font_class": "paperplane-filled",
+    "unicode": "\ue675"
+  },
+  {
+    "font_class": "person",
+    "unicode": "\ue699"
+  },
+  {
+    "font_class": "person-filled",
+    "unicode": "\ue69d"
+  },
+  {
+    "font_class": "personadd",
+    "unicode": "\ue69f"
+  },
+  {
+    "font_class": "personadd-filled",
+    "unicode": "\ue698"
+  },
+  {
+    "font_class": "personadd-filled-copy",
+    "unicode": "\ue6d1"
+  },
+  {
+    "font_class": "phone",
+    "unicode": "\ue69c"
+  },
+  {
+    "font_class": "phone-filled",
+    "unicode": "\ue69b"
+  },
+  {
+    "font_class": "plus",
+    "unicode": "\ue676"
+  },
+  {
+    "font_class": "plus-filled",
+    "unicode": "\ue6c7"
+  },
+  {
+    "font_class": "plusempty",
+    "unicode": "\ue67b"
+  },
+  {
+    "font_class": "pulldown",
+    "unicode": "\ue632"
+  },
+  {
+    "font_class": "pyq",
+    "unicode": "\ue682"
+  },
+  {
+    "font_class": "qq",
+    "unicode": "\ue680"
+  },
+  {
+    "font_class": "redo",
+    "unicode": "\ue64a"
+  },
+  {
+    "font_class": "redo-filled",
+    "unicode": "\ue655"
+  },
+  {
+    "font_class": "refresh",
+    "unicode": "\ue657"
+  },
+  {
+    "font_class": "refresh-filled",
+    "unicode": "\ue656"
+  },
+  {
+    "font_class": "refreshempty",
+    "unicode": "\ue6bf"
+  },
+  {
+    "font_class": "reload",
+    "unicode": "\ue6b2"
+  },
+  {
+    "font_class": "right",
+    "unicode": "\ue6b5"
+  },
+  {
+    "font_class": "scan",
+    "unicode": "\ue62a"
+  },
+  {
+    "font_class": "search",
+    "unicode": "\ue654"
+  },
+  {
+    "font_class": "settings",
+    "unicode": "\ue653"
+  },
+  {
+    "font_class": "settings-filled",
+    "unicode": "\ue6ce"
+  },
+  {
+    "font_class": "shop",
+    "unicode": "\ue62f"
+  },
+  {
+    "font_class": "shop-filled",
+    "unicode": "\ue6cd"
+  },
+  {
+    "font_class": "smallcircle",
+    "unicode": "\ue67c"
+  },
+  {
+    "font_class": "smallcircle-filled",
+    "unicode": "\ue665"
+  },
+  {
+    "font_class": "sound",
+    "unicode": "\ue684"
+  },
+  {
+    "font_class": "sound-filled",
+    "unicode": "\ue686"
+  },
+  {
+    "font_class": "spinner-cycle",
+    "unicode": "\ue68a"
+  },
+  {
+    "font_class": "staff",
+    "unicode": "\ue6a7"
+  },
+  {
+    "font_class": "staff-filled",
+    "unicode": "\ue6cb"
+  },
+  {
+    "font_class": "star",
+    "unicode": "\ue688"
+  },
+  {
+    "font_class": "star-filled",
+    "unicode": "\ue68f"
+  },
+  {
+    "font_class": "starhalf",
+    "unicode": "\ue683"
+  },
+  {
+    "font_class": "trash",
+    "unicode": "\ue687"
+  },
+  {
+    "font_class": "trash-filled",
+    "unicode": "\ue685"
+  },
+  {
+    "font_class": "tune",
+    "unicode": "\ue6aa"
+  },
+  {
+    "font_class": "tune-filled",
+    "unicode": "\ue6ca"
+  },
+  {
+    "font_class": "undo",
+    "unicode": "\ue64f"
+  },
+  {
+    "font_class": "undo-filled",
+    "unicode": "\ue64c"
+  },
+  {
+    "font_class": "up",
+    "unicode": "\ue6b6"
+  },
+	{
+	  "font_class": "top",
+	  "unicode": "\ue6b6"
+	},
+  {
+    "font_class": "upload",
+    "unicode": "\ue690"
+  },
+  {
+    "font_class": "upload-filled",
+    "unicode": "\ue68e"
+  },
+  {
+    "font_class": "videocam",
+    "unicode": "\ue68c"
+  },
+  {
+    "font_class": "videocam-filled",
+    "unicode": "\ue689"
+  },
+  {
+    "font_class": "vip",
+    "unicode": "\ue6a8"
+  },
+  {
+    "font_class": "vip-filled",
+    "unicode": "\ue6c6"
+  },
+  {
+    "font_class": "wallet",
+    "unicode": "\ue6b1"
+  },
+  {
+    "font_class": "wallet-filled",
+    "unicode": "\ue6c2"
+  },
+  {
+    "font_class": "weibo",
+    "unicode": "\ue68b"
+  },
+  {
+    "font_class": "weixin",
+    "unicode": "\ue691"
+  }
+]
+
+// export const fontData = JSON.parse<IconsDataItem>(fontDataJson)

components/expected-station/expected-station.vue

@@ -1,7 +1,7 @@
 <template>
     <view class="expected-station">
         <view class="sex-search" v-if="search">
-            <uni-icons class="iconsearch" type="search" size="20"></uni-icons>
+            <my-icons class="iconsearch" type="search" size="40"></my-icons>
             <input class="uni-input searchinput" confirm-type="search" />
         </view>
         <view class="sex-content">

components/renderCompanysOutData/renderCompanysOutData.vue

@@ -1,46 +1,39 @@
 <template>
-  <view>
-    <!-- #ifdef H5 -->
     <transition-group name="blur-fade-stagger" tag="view">
-    <!-- #endif -->
-      <view v-for="(job, index) in dataSource" :key="job.id" :style="{ '--i': 2 }">
-        <view class="cards" @click="nextDetail(job)">
-          <view class="card-company">
-            <text class="company line_1">{{ job.gsmc }}</text>
-          </view>
-          <view class="card-bottom">
-            <view class="fl_box fs_14">
-              <!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
+        <view v-for="(job, index) in dataSource" :key="job.id" :style="{ '--i': 2 }">
+            <view class="cards" @click="nextDetail(job)">
+                <view class="card-company">
+                    <text class="company line_1">{{ job.gsmc }}</text>
+                </view>
+                <view class="card-bottom">
+                    <view class="fl_box fs_14">
+                        <!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
                     <dict-Label dictType="scale" :value="job.scale"></dict-Label> -->
-              <view>{{ job.gsxy }}</view>
+                        <view>{{ job.gsxy }}</view>
+                    </view>
+                    <view class="ris">
+                        <text class="fs_14">
+                            在招职位·
+                            <text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
+                            个
+                        </text>
+                    </view>
+                </view>
+                <view class="card-tags">
+                    <view class="tag" v-if="job.nature">
+                        <dict-Label dictType="nature" :value="job.nature"></dict-Label>
+                        <dict-Label dictType="nature" :value="job.nature"></dict-Label>
+                    </view>
+                    <view class="tag">
+                        {{ vacanciesTo(job.vacancies) }}
+                    </view>
+                    <view class="tag" v-if="job.qyxz">
+                        {{ job.qyxz }}
+                    </view>
+                </view>
             </view>
-            <view class="ris">
-              <text class="fs_14">
-                在招职位·
-                <text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
-                个
-              </text>
-            </view>
-          </view>
-          <view class="card-tags">
-            <view class="tag" v-if="job.nature">
-              <dict-Label dictType="nature" :value="job.nature"></dict-Label>
-              <dict-Label dictType="nature" :value="job.nature"></dict-Label>
-            </view>
-            <view class="tag">
-              {{ vacanciesTo(job.vacancies) }}
-            </view>
-            <view class="tag" v-if="job.qyxz">
-              {{ job.qyxz }}
-            </view>
-          </view>
         </view>
-      </view>
-
-    <!-- #ifdef H5 -->
     </transition-group>
-    <!-- #endif -->
-  </view>
 </template>
 
 <script setup>
@@ -51,70 +44,70 @@ const recommedIndexDb = useRecommedIndexedDBStore();
 
 const dataSource = ref([]);
 const props = defineProps({
-  list: {
-    type: Array,
-    default: () => [],
-  },
-  longitude: {
-    type: Number,
-    default: 120.382665,
-  },
-  latitude: {
-    type: Number,
-    default: 36.066938,
-  },
-  seeDate: {
-    type: String,
-    default: '',
-  },
-  zphId: {
-    type: String,
-    default: '',
-  },
+    list: {
+        type: Array,
+        default: () => [],
+    },
+    longitude: {
+        type: Number,
+        default: 120.382665,
+    },
+    latitude: {
+        type: Number,
+        default: 36.066938,
+    },
+    seeDate: {
+        type: String,
+        default: '',
+    },
+    zphId: {
+        type: String,
+        default: '',
+    },
 });
 const processedIds = new Set();
 watch(
-  () => props.list,
-  (newList) => {
-    if (!Array.isArray(newList)) return;
+    () => props.list,
+    (newList) => {
+        if (!Array.isArray(newList)) return;
 
-    let shouldReset = false;
+        let shouldReset = false;
 
-    if (dataSource.value.length > newList.length) {
-      shouldReset = true;
-    } else if (dataSource.value.length > 0 && newList.length > 0) {
-      // 注意：这里沿用你代码中使用的 item.id 作为唯一标识
-      const oldId = dataSource.value[0].id;
-      const newId = newList[0].id;
-      if (oldId !== newId) {
-        shouldReset = true;
-      }
-    }
+        if (dataSource.value.length > newList.length) {
+            shouldReset = true;
+        } else if (dataSource.value.length > 0 && newList.length > 0) {
+            // 注意：这里沿用你代码中使用的 item.id 作为唯一标识
+            const oldId = dataSource.value[0].id;
+            const newId = newList[0].id;
+            if (oldId !== newId) {
+                shouldReset = true;
+            }
+        }
 
-    if (shouldReset) {
-      dataSource.value = [];
-      processedIds.clear();
-    }
+        if (shouldReset) {
+            dataSource.value = [];
+            processedIds.clear();
+        }
 
-    const newItems = newList.filter((item) => !processedIds.has(item.id));
+        const newItems = newList.filter((item) => !processedIds.has(item.id));
 
-    if (newItems.length === 0) return;
+        if (newItems.length === 0) return;
 
-    newItems.forEach((item) => processedIds.add(item.id));
-    const delay = 50;
-    newItems.forEach((item, index) => {
-      setTimeout(() => {
-        dataSource.value.push(item);
-      }, index * delay);
-    });
-  },
-  { immediate: true, deep: true }
+        newItems.forEach((item) => processedIds.add(item.id));
+        const delay = 50;
+        newItems.forEach((item, index) => {
+            setTimeout(() => {
+                dataSource.value.push(item);
+            }, index * delay);
+        });
+    },
+    { immediate: true, deep: true }
 );
 
 function nextDetail(company) {
-  navTo(
-    `/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.gsmc}&zphId=${props.zphId}&dataType=2`
-  );
+    navTo(
+        `/packageA/pages/UnitDetails/UnitDetails?companyId=${company.gsID}&companyName=${company.gsmc}&zphId=${props.zphId}&dataType=2`
+    );
 }
 </script>
 

components/renderDeliveryRecord/renderDeliveryRecord.vue

@@ -138,7 +138,7 @@ function nextDetail(job) {
     if (job.isPublish) {
         return $api.msg('已过期');
     }
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=${job.dataType}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>
 

components/renderJobCollectionRecord/renderJobCollectionRecord.vue

@@ -139,7 +139,7 @@ function nextDetail(job) {
         return $api.msg('已过期');
     }
     // 根据数据类型跳转到不同的详情页
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=${job.dataType}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>
 

components/renderJobViewRecord/renderJobViewRecord.vue

@@ -138,7 +138,7 @@ function nextDetail(job) {
     if (job.isPublish) {
         return $api.msg('已过期');
     }
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=${job.dataType}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=${job.dataType}`);
 }
 </script>
 

components/renderJobs/renderJobs.vue

@@ -1,52 +1,46 @@
 <template>
-  <view>
-    <!-- #ifdef H5 -->
     <transition-group name="blur-fade-stagger" tag="view">
-    <!-- #endif -->
-      <view v-for="job in dataSource" :key="job.id || job.jobId" :style="{ '--i': 2 }">
-        <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
-          <view class="card-company">
-            <text class="company">{{ job.jobTitle }}</text>
-            <view class="salary">
-              <Salary-Expectation
-                :max-salary="job.maxSalary"
-                :min-salary="job.minSalary"
-              ></Salary-Expectation>
+        <view v-for="job in dataSource" :key="job.id || job.jobId" :style="{ '--i': 2 }">
+            <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
+                <view class="card-company">
+                    <text class="company">{{ job.jobTitle }}</text>
+                    <view class="salary">
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
+                    </view>
+                </view>
+                <view class="card-companyName">{{ job.gwmc }}</view>
+                <view class="card-tags">
+                    <view class="tag">
+                        <dict-Label dictType="education" :value="job.education"></dict-Label>
+                    </view>
+                    <view class="tag">
+                        <dict-Label dictType="experience" :value="job.experience"></dict-Label>
+                    </view>
+                    <view class="tag">
+                        {{ vacanciesTo(job.vacancies) }}
+                    </view>
+                </view>
+                <view class="card-bottom">
+                    <view>{{ job.postingDate }}</view>
+                    <view>
+                        <convert-distance
+                            :alat="job.latitude"
+                            :along="job.longitude"
+                            :blat="latitude"
+                            :blong="longitude"
+                        ></convert-distance>
+                        <dict-Label class="mar_le10" dictType="area" :value="job.jobLocationAreaCode"></dict-Label>
+                    </view>
+                </view>
             </view>
-          </view>
-          <view class="card-companyName">{{ job.gwmc }}</view>
-          <view class="card-tags">
-            <view class="tag">
-              <dict-Label dictType="education" :value="job.education"></dict-Label>
+            <view class="date-jobTitle" v-else>
+                {{ job.title }}
             </view>
-            <view class="tag">
-              <dict-Label dictType="experience" :value="job.experience"></dict-Label>
-            </view>
-            <view class="tag">
-              {{ vacanciesTo(job.vacancies) }}
-            </view>
-          </view>
-          <view class="card-bottom">
-            <view>{{ job.postingDate }}</view>
-            <view>
-              <convert-distance
-                :alat="job.latitude"
-                :along="job.longitude"
-                :blat="latitude"
-                :blong="longitude"
-              ></convert-distance>
-              <dict-Label class="mar_le10" dictType="area" :value="job.jobLocationAreaCode"></dict-Label>
-            </view>
-          </view>
         </view>
-        <view class="date-jobTitle" v-else>
-          {{ job.title }}
-        </view>
-      </view>
-    <!-- #ifdef H5 -->
     </transition-group>
-    <!-- #endif -->
-  </view>
 </template>
 
 <script setup>
@@ -56,85 +50,85 @@ import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js
 const recommedIndexDb = useRecommedIndexedDBStore();
 const dataSource = ref([]);
 const props = defineProps({
-  list: {
-    type: Array,
-    default: '标题',
-  },
-  longitude: {
-    type: Number,
-    default: 120.382665,
-  },
-  latitude: {
-    type: Number,
-    default: 36.066938,
-  },
-  seeDate: {
-    type: String,
-    default: '',
-  },
+    list: {
+        type: Array,
+        default: '标题',
+    },
+    longitude: {
+        type: Number,
+        default: 120.382665,
+    },
+    latitude: {
+        type: Number,
+        default: 36.066938,
+    },
+    seeDate: {
+        type: String,
+        default: '',
+    },
 });
 
 const listData = computed(() => {
-  if (props.seeDate && props.list.length) {
-    const ulist = toRaw(props.list);
-    const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
-    return reslist;
-  }
-  return props.list;
+    if (props.seeDate && props.list.length) {
+        const ulist = toRaw(props.list);
+        const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
+        return reslist;
+    }
+    return props.list;
 });
 
 const processedIds = new Set();
 watch(
-  () => props.list,
-  (newList) => {
-    if (!Array.isArray(newList)) return;
+    () => props.list,
+    (newList) => {
+        if (!Array.isArray(newList)) return;
 
-    // --- 新增逻辑开始 ---
-    // 判断是否需要重置数据 (例如：点击了搜索、切换了Tab、或下拉刷新)
-    let shouldReset = false;
+        // --- 新增逻辑开始 ---
+        // 判断是否需要重置数据 (例如：点击了搜索、切换了Tab、或下拉刷新)
+        let shouldReset = false;
 
-    // 场景1: 新列表长度比当前渲染的列表短，说明发生了重置（如从20条变成了10条）
-    if (dataSource.value.length > newList.length) {
-      shouldReset = true;
-    }
-    // 场景2: 列表不为空，且第一条数据的ID发生了变化，说明是全新的搜索结果
-    else if (dataSource.value.length > 0 && newList.length > 0) {
-      const oldId = dataSource.value[0].id || dataSource.value[0].jobId;
-      const newId = newList[0].id || newList[0].jobId;
-      if (oldId !== newId) {
-        shouldReset = true;
-      }
-    }
+        // 场景1: 新列表长度比当前渲染的列表短，说明发生了重置（如从20条变成了10条）
+        if (dataSource.value.length > newList.length) {
+            shouldReset = true;
+        }
+        // 场景2: 列表不为空，且第一条数据的ID发生了变化，说明是全新的搜索结果
+        else if (dataSource.value.length > 0 && newList.length > 0) {
+            const oldId = dataSource.value[0].id || dataSource.value[0].jobId;
+            const newId = newList[0].id || newList[0].jobId;
+            if (oldId !== newId) {
+                shouldReset = true;
+            }
+        }
 
-    // 如果判定为重置，则清空现有数据和ID记录
-    if (shouldReset) {
-      dataSource.value = [];
-      processedIds.clear();
-    }
-    // --- 新增逻辑结束 ---
+        // 如果判定为重置，则清空现有数据和ID记录
+        if (shouldReset) {
+            dataSource.value = [];
+            processedIds.clear();
+        }
+        // --- 新增逻辑结束 ---
 
-    const newItems = newList.filter((item) => !processedIds.has(item.id || item.jobId));
+        const newItems = newList.filter((item) => !processedIds.has(item.id || item.jobId));
 
-    if (newItems.length === 0) return;
+        if (newItems.length === 0) return;
 
-    newItems.forEach((item) => processedIds.add(item.id || item.jobId));
-    const delay = 50;
-    newItems.forEach((item, index) => {
-      setTimeout(() => {
-        dataSource.value.push(item);
-      }, index * delay);
-    });
-  },
-  { immediate: true, deep: true } // 建议加上 deep，虽然这里监听的是数组引用变化
+        newItems.forEach((item) => processedIds.add(item.id || item.jobId));
+        const delay = 50;
+        newItems.forEach((item, index) => {
+            setTimeout(() => {
+                dataSource.value.push(item);
+            }, index * delay);
+        });
+    },
+    { immediate: true, deep: true } // 建议加上 deep，虽然这里监听的是数组引用变化
 );
 
 function nextDetail(job) {
-  // 记录岗位类型，用作数据分析
-  if (job.jobCategory) {
-    const recordData = recommedIndexDb.JobParameter(job);
-    recommedIndexDb.addRecord(recordData);
-  }
-  navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}&dataType=1`);
+    // 记录岗位类型，用作数据分析
+    if (job.jobCategory) {
+        const recordData = recommedIndexDb.JobParameter(job);
+        recommedIndexDb.addRecord(recordData);
+    }
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}&dataType=1`);
 }
 </script>
 

components/renderJobsOutData/renderJobsOutData.vue

@@ -1,52 +1,46 @@
 <template>
-  <view>
-    <!-- #ifdef H5 -->
     <transition-group name="blur-fade-stagger" tag="view">
-    <!-- #endif -->
-      <view v-for="job in dataSource" :key="job.id" :style="{ '--i': 2 }">
-        <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
-          <view class="card-company">
-            <text class="company">{{ job.gwmc }}</text>
-            <view class="salary">
-              <Salary-Expectation
-                :max-salary="job.maxSalary"
-                :min-salary="job.minSalary"
-              ></Salary-Expectation>
-            </view>
-          </view>
-          <view class="card-companyName">{{ job.gsmc }}</view>
-          <view class="card-tags">
-            <view class="tag">
-              {{ job.xlyq == '不限' ? '学历不限' : job.xlyq }}
-            </view>
-            <view class="tag">
-              {{ job.gwgzjy == '不限' ? '经验不限' : job.gwgzjy }}
-            </view>
-            <view class="tag">
-              {{ vacanciesTo(job.zprs) }}
-            </view>
-          </view>
-          <view class="card-bottom">
-            <view>{{ parseDateTime(job.createTime).date }}</view>
-            <view>
-              <!-- <convert-distance
+        <view v-for="job in dataSource" :key="job.id" :style="{ '--i': 2 }">
+            <view v-if="!job.isTitle" class="cards" @click="nextDetail(job)">
+                <view class="card-company">
+                    <text class="company">{{ job.gwmc }}</text>
+                    <view class="salary">
+                        <Salary-Expectation
+                            :max-salary="job.maxSalary"
+                            :min-salary="job.minSalary"
+                        ></Salary-Expectation>
+                    </view>
+                </view>
+                <view class="card-companyName">{{ job.gsmc }}</view>
+                <view class="card-tags">
+                    <view class="tag">
+                        {{ job.xlyq == '不限' ? '学历不限' : job.xlyq }}
+                    </view>
+                    <view class="tag">
+                        {{ job.gwgzjy == '不限' ? '经验不限' : job.gwgzjy }}
+                    </view>
+                    <view class="tag">
+                        {{ vacanciesTo(job.zprs) }}
+                    </view>
+                </view>
+                <view class="card-bottom">
+                    <view>{{ parseDateTime(job.createTime).date }}</view>
+                    <view>
+                        <!-- <convert-distance
                         :alat="job.latitude"
                         :along="job.longitude"
                         :blat="latitude"
                         :blong="longitude"
                     ></convert-distance>
                     <dict-Label class="mar_le10" dictType="area" :value="job.jobLocationAreaCode"></dict-Label> -->
+                    </view>
+                </view>
+            </view>
+            <view class="date-jobTitle" v-else>
+                {{ job.title }}
             </view>
-          </view>
         </view>
-        <view class="date-jobTitle" v-else>
-          {{ job.title }}
-        </view>
-      </view>
-    <!-- #ifdef H5 -->
     </transition-group>
-    <!-- #endif -->
-  </view>
 </template>
 
 <script setup>
@@ -56,76 +50,76 @@ import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js
 const recommedIndexDb = useRecommedIndexedDBStore();
 const dataSource = ref([]);
 const props = defineProps({
-  list: {
-    type: Array,
-    default: '标题',
-  },
-  longitude: {
-    type: Number,
-    default: 120.382665,
-  },
-  latitude: {
-    type: Number,
-    default: 36.066938,
-  },
-  seeDate: {
-    type: String,
-    default: '',
-  },
+    list: {
+        type: Array,
+        default: '标题',
+    },
+    longitude: {
+        type: Number,
+        default: 120.382665,
+    },
+    latitude: {
+        type: Number,
+        default: 36.066938,
+    },
+    seeDate: {
+        type: String,
+        default: '',
+    },
 });
 
 const listData = computed(() => {
-  if (props.seeDate && props.list.length) {
-    const ulist = toRaw(props.list);
-    const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
-    return reslist;
-  }
-  return props.list;
+    if (props.seeDate && props.list.length) {
+        const ulist = toRaw(props.list);
+        const [reslist, lastDate] = insertSortData(ulist, props.seeDate);
+        return reslist;
+    }
+    return props.list;
 });
 
 const processedIds = new Set();
 watch(
-  () => props.list,
-  (newList) => {
-    if (!Array.isArray(newList)) return;
-    const newItems = newList.filter((item) => !processedIds.has(item.id));
-    if (newItems.length === 0) return;
-    newItems.forEach((item) => processedIds.add(item.id));
-    const delay = 50;
-    newItems.forEach((item, index) => {
-      setTimeout(() => {
-        dataSource.value.push(item);
-      }, index * delay);
-    });
-  },
-  { immediate: true }
+    () => props.list,
+    (newList) => {
+        if (!Array.isArray(newList)) return;
+        const newItems = newList.filter((item) => !processedIds.has(item.id));
+        if (newItems.length === 0) return;
+        newItems.forEach((item) => processedIds.add(item.id));
+        const delay = 50;
+        newItems.forEach((item, index) => {
+            setTimeout(() => {
+                dataSource.value.push(item);
+            }, index * delay);
+        });
+    },
+    { immediate: true }
 );
 
 function nextDetail(job) {
-  // 记录岗位类型，用作数据分析
-  if (job.jobCategory) {
-    const recordData = recommedIndexDb.JobParameter(job);
-    recommedIndexDb.addRecord(recordData);
-  }
-  navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.id)}&dataType=2`);
+    // 记录岗位类型，用作数据分析
+    if (job.jobCategory) {
+        const recordData = recommedIndexDb.JobParameter(job);
+        recommedIndexDb.addRecord(recordData);
+    }
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.id)}&dataType=2`);
 }
 function parseDateTime(datetimeStr) {
-  if (!datetimeStr) return { time: '', date: '' };
+    if (!datetimeStr) return { time: '', date: '' };
 
-  const dateObj = new Date(datetimeStr);
+    const dateObj = new Date(datetimeStr);
 
-  if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间
+    if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间
 
-  const year = dateObj.getFullYear();
-  const month = String(dateObj.getMonth() + 1).padStart(2, '0');
-  const day = String(dateObj.getDate()).padStart(2, '0');
-  const hours = String(dateObj.getHours()).padStart(2, '0');
-  const minutes = String(dateObj.getMinutes()).padStart(2, '0');
+    const year = dateObj.getFullYear();
+    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
+    const day = String(dateObj.getDate()).padStart(2, '0');
+    const hours = String(dateObj.getHours()).padStart(2, '0');
+    const minutes = String(dateObj.getMinutes()).padStart(2, '0');
 
-  return {
-    time: `${hours}:${minutes}`,
-    date: `${year}-${month}-${day}`,
-  };
+    return {
+        time: `${hours}:${minutes}`,
+        date: `${year}-${month}-${day}`,
+    };
 }
 </script>
 

components/screening-job-requirements/screening-job-requirements.vue

@@ -4,7 +4,7 @@
             <!-- 头部 -->
             <view class="modal-header">
                 <text class="back-btn" @click="handleClose">
-                    <uni-icons type="left" size="24"></uni-icons>
+                    <my-icons type="left" size="48"></my-icons>
                 </text>
                 <text class="modal-title">{{ title }}</text>
                 <view class="back-btn"></view>

components/tabbar/midell-box.vue

@@ -21,6 +21,12 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue';
 import { useReadMsg } from '@/stores/useReadMsg';
+
+import useScreenStore from '@/stores/useScreenStore'
+
+const screenStore = useScreenStore()
+const {isWideScreen} = screenStore
+
 const props = defineProps({
     currentpage: {
         type: Number,
@@ -79,7 +85,7 @@ const tabbarList = computed(() => [
 ]);
 
 onMounted(() => {
-    uni.hideTabBar();
+    if(isWideScreen)uni.hideTabBar();
     currentItem.value = props.currentpage;
 });
 

config.js

@@ -1,14 +1,15 @@
 export default {
-    // baseUrl: 'https://fw.rc.qingdao.gov.cn/rgpp-api/api', // 内网
-    baseUrl: 'https://qd.zhaopinzao8dian.com/api', // 测试
+    baseUrl: 'https://fw.rc.qingdao.gov.cn/rgpp-api/api', // 内网
+    // baseUrl: 'https://qd.zhaopinzao8dian.com/api', // 测试
     // baseUrl: 'http://192.168.3.29:8081',
     // baseUrl: 'http://10.213.6.207:19010/api',
     // 语音转文字
-    // vioceBaseURl: 'wss://qd.zhaopinzao8dian.com/api/system/asr/connect', // 自定义 
-    vioceBaseURl: 'wss://fw.rc.qingdao.gov.cn/rgpp-api/api/system/asr/connect', // 内网 
+    vioceBaseURl: 'wss://qd.zhaopinzao8dian.com/api/app/asr/connect', // 自定义 
+    // vioceBaseURl: 'wss://fw.rc.qingdao.gov.cn/rgpp-api/api/app/asr/connect', // 内网 
     // 语音合成
-    speechSynthesis: 'wss://qd.zhaopinzao8dian.com/api/speech-synthesis',
+    // speechSynthesis: 'wss://qd.zhaopinzao8dian.com/api/speech-synthesis',
     speechSynthesis2: 'wss://resource.zhuoson.com/synthesis/', //直接替换即可
+    // speechSynthesis2: 'http://39.98.44.136:19527', //直接替换即可
     // indexedDB
     DBversion: 3,
     // 只使用本地缓寸的数据

hook/piper-sdk.js

@@ -8,11 +8,13 @@
 export class PiperTTS {
     constructor(config = {}) {
         this.baseUrl = config.baseUrl || 'http://localhost:5001';
+        this.wsUrl = config.wsUrl || '/ws/synthesize'
         this.audioCtx = config.audioCtx || new(window.AudioContext || window.webkitAudioContext)();
         this.onStatus = config.onStatus || ((msg, type) => console.log(`[Piper] ${msg}`));
         this.onStart = config.onStart || (() => {});
         this.onEnd = config.onEnd || (() => {});
 
+
         // 内部状态
         this.ws = null;
         this.nextTime = 0; // 下一段音频的预定播放时间
@@ -56,7 +58,7 @@ export class PiperTTS {
         this.onStatus('正在建立连接...', 'processing');
 
         try {
-            const wsUrl = this.baseUrl.replace(/^http/, 'ws') + '/ws/synthesize';
+            const wsUrl = this.baseUrl.replace(/^http/, 'ws') + this.wsUrl;
             this.ws = new WebSocket(wsUrl);
             this.ws.binaryType = 'arraybuffer';
 

hook/useColumnCount.js

@@ -6,6 +6,10 @@ import {
     watch
 } from 'vue'
 
+import useScreenStore from '@/stores/useScreenStore'
+const screenStore = useScreenStore()
+
+
 export function useColumnCount(onChange = () => {}) {
     const columnCount = ref(0)
     const columnSpace = ref(2)
@@ -20,18 +24,21 @@ export function useColumnCount(onChange = () => {}) {
     //     }
     // }
     const calcColumn = () => {
-        const width = uni.getSystemInfoSync().windowWidth
-
+        // const width = uni.getSystemInfoSync().windowWidth
+        const {foldFeature,foldCount} = screenStore
         let count = 2
-        if (width >= 1000) {
-            count = 5
-        } else if (width >= 750) {
-            count = 4
-        } else if (width >= 500) {
-            count = 3
-        } else {
-            count = 2
-        }
+        //折叠屏2*屏幕数量
+        if(foldFeature) count = foldCount * 2
+        else count = 2
+        // if (width >= 1000) {
+        //     count = 5
+        // } else if (width >= 750) {
+        //     count = 4
+        // } else if (width >= 500) {
+        //     count = 3
+        // } else {
+        //     count = 2
+        // }
 
         if (count !== columnCount.value) {
             columnCount.value = count
@@ -47,17 +54,13 @@ export function useColumnCount(onChange = () => {}) {
         columnCount.value = 2
         calcColumn()
         // if (process.client) {
-        // #ifdef H5
         window.addEventListener('resize', calcColumn)
-        // #endif
         // }
     })
 
     onUnmounted(() => {
         // if (process.client) {
-        // #ifdef H5
         window.removeEventListener('resize', calcColumn)
-        // #endif
         // }
     })
 

index.html

@@ -22,16 +22,19 @@
         <script>
             eruda.init();
         </script> -->
-        <!--    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
+
+        <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
         <script>
             // VConsole 默认会挂载到 `window.VConsole` 上
             var vConsole = new window.VConsole();
-        </script> -->
+        </script>
         <!-- 爱山东jssdk 本sdk存在性能问题 -->
+        <script type="text/javascript" src="./static/js/jsbridge.js"></script>
+        <!-- <script type="text/javascript" src="./static/js/jweixin-1.4.0.js"></script> -->
         <script type="text/javascript" src="https://isdapp.shandong.gov.cn/jmopen/jssdk/index.js"></script>
         <!-- 只在内网有效 -->
         <script type="text/javascript" src="./static/js/SM.js"></script>
-
+        <script type="text/javascript" src="./static/js/pixi.min.js"></script>
     </head>
     <body>
         <div id="app"><!--app-html--></div>

main.js

@@ -4,8 +4,9 @@ import {
     createUnistorage
 } from "./uni_modules/pinia-plugin-unistorage";
 import globalFunction from '@/common/globalFunction'
-// import '@/lib/string-similarity.min.js'
+import '@/lib/string-similarity.min.js'
 import similarityJobs from '@/utils/similarity_Job.js';
+import useScreenStore from './stores/useScreenStore'
 
 // 组件
 import AppLayout from './components/AppLayout/AppLayout.vue';
@@ -22,12 +23,10 @@ import renderDeliveryRecord from '@/components/renderDeliveryRecord/renderDelive
 import renderJobCollectionRecord from '@/components/renderJobCollectionRecord/renderJobCollectionRecord.vue';
 import renderCompanyCollectionRecord from '@/components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue';
 import renderJobViewRecord from '@/components/renderJobViewRecord/renderJobViewRecord.vue';
+import MyIcons from '@/components/My-icons/my-icons.vue';
 // import Tabbar from '@/components/tabbar/midell-box.vue'
 // 自动导入 directives 目录下所有指令
-
-// #ifdef H5
 console.log(lightAppJssdk)
-// #endif
 const directives = import.meta.glob('./directives/*.js', {
     eager: true
 });
@@ -36,10 +35,6 @@ import {
     createSSRApp,
 } from 'vue'
 
-// #ifdef H5
-const foldFeature = window.visualViewport && 'segments' in window.visualViewport
-console.log('是否支持多段屏幕：', foldFeature)
-// #endif
 
 
 // 全局组件
@@ -59,6 +54,7 @@ export function createApp() {
     app.component('renderJobCollectionRecord', renderJobCollectionRecord) //渲染岗位收藏记录
     app.component('renderCompanyCollectionRecord', renderCompanyCollectionRecord) //渲染公司收藏记录
     app.component('renderJobViewRecord', renderJobViewRecord) //渲染岗位浏览记录
+    app.component('MyIcons', MyIcons) 
     // app.component('tabbar-custom', Tabbar)
 
     for (const path in directives) {
@@ -80,6 +76,9 @@ export function createApp() {
     store.use(createUnistorage());
     app.use(store);
 
+    // 初始化屏幕检测
+    const screenStore = useScreenStore()
+    screenStore.initScreenDetection()
     return {
         app,
         Pinia

package-lock.json

@@ -1,763 +0,0 @@
-{
-	"name": "qingdao-employment-service",
-	"lockfileVersion": 3,
-	"requires": true,
-	"packages": {
-		"": {
-			"dependencies": {
-				"pixi.js": "^7.4.2",
-				"sm-crypto": "^0.3.13"
-			}
-		},
-		"node_modules/@pixi/accessibility": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/accessibility/-/accessibility-7.4.2.tgz",
-			"integrity": "sha512-R6VEolm8uyy1FB1F2qaLKxVbzXAFTZCF2ka8fl9lsz7We6ZfO4QpXv9ur7DvzratjCQUQVCKo0/V7xL5q1EV/g==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/events": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/app": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/app/-/app-7.4.2.tgz",
-			"integrity": "sha512-ugkH3kOgjT8P1mTMY29yCOgEh+KuVMAn8uBxeY0aMqaUgIMysfpnFv+Aepp2CtvI9ygr22NC+OiKl+u+eEaQHw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/assets": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/assets/-/assets-7.4.2.tgz",
-			"integrity": "sha512-anxho59H9egZwoaEdM5aLvYyxoz6NCy3CaQIvNHD1bbGg8L16Ih0e26QSBR5fu53jl8OjT6M7s+p6n7uu4+fGA==",
-			"license": "MIT",
-			"dependencies": {
-				"@types/css-font-loading-module": "^0.0.12"
-			},
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/color": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/color/-/color-7.4.2.tgz",
-			"integrity": "sha512-av1LOvhHsiaW8+T4n/FgnOKHby55/w7VcA1HzPIHRBtEcsmxvSCDanT1HU2LslNhrxLPzyVx18nlmalOyt5OBg==",
-			"license": "MIT",
-			"dependencies": {
-				"@pixi/colord": "^2.9.6"
-			}
-		},
-		"node_modules/@pixi/colord": {
-			"version": "2.9.6",
-			"resolved": "https://registry.npmjs.org/@pixi/colord/-/colord-2.9.6.tgz",
-			"integrity": "sha512-nezytU2pw587fQstUu1AsJZDVEynjskwOL+kibwcdxsMBFqPsFFNA7xl0ii/gXuDi6M0xj3mfRJj8pBSc2jCfA==",
-			"license": "MIT"
-		},
-		"node_modules/@pixi/compressed-textures": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/compressed-textures/-/compressed-textures-7.4.2.tgz",
-			"integrity": "sha512-VJrt7el6O4ZJSWkeOGXwrhJaiLg1UBhHB3fj42VR4YloYkAxpfd9K6s6IcbcVz7n9L48APKBMgHyaB2pX2Ck/A==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/assets": "7.4.2",
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/constants": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/constants/-/constants-7.4.2.tgz",
-			"integrity": "sha512-N9vn6Wpz5WIQg7ugUg2+SdqD2u2+NM0QthE8YzLJ4tLH2Iz+/TrnPKUJzeyIqbg3sxJG5ZpGGPiacqIBpy1KyA==",
-			"license": "MIT"
-		},
-		"node_modules/@pixi/core": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/core/-/core-7.4.2.tgz",
-			"integrity": "sha512-UbMtgSEnyCOFPzbE6ThB9qopXxbZ5GCof2ArB4FXOC5Xi/83MOIIYg5kf5M8689C5HJMhg2SrJu3xLKppF+CMg==",
-			"license": "MIT",
-			"dependencies": {
-				"@pixi/color": "7.4.2",
-				"@pixi/constants": "7.4.2",
-				"@pixi/extensions": "7.4.2",
-				"@pixi/math": "7.4.2",
-				"@pixi/runner": "7.4.2",
-				"@pixi/settings": "7.4.2",
-				"@pixi/ticker": "7.4.2",
-				"@pixi/utils": "7.4.2"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/pixijs"
-			}
-		},
-		"node_modules/@pixi/display": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/display/-/display-7.4.2.tgz",
-			"integrity": "sha512-DaD0J7gIlNlzO0Fdlby/0OH+tB5LtCY6rgFeCBKVDnzmn8wKW3zYZRenWBSFJ0Psx6vLqXYkSIM/rcokaKviIw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/events": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/events/-/events-7.4.2.tgz",
-			"integrity": "sha512-Jw/w57heZjzZShIXL0bxOvKB+XgGIevyezhGtfF2ZSzQoSBWo+Fj1uE0QwKd0RIaXegZw/DhSmiMJSbNmcjifA==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/extensions": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/extensions/-/extensions-7.4.2.tgz",
-			"integrity": "sha512-Hmx2+O0yZ8XIvgomHM9GZEGcy9S9Dd8flmtOK5Aa3fXs/8v7xD08+ANQpN9ZqWU2Xs+C6UBlpqlt2BWALvKKKA==",
-			"license": "MIT"
-		},
-		"node_modules/@pixi/extract": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/extract/-/extract-7.4.2.tgz",
-			"integrity": "sha512-JOX27TRWjVEjauGBbF8PU7/g6LYXnivehdgqS5QlVDv1CNHTOrz/j3MdKcVWOhyZPbH5c9sh7lxyRxvd9AIuTQ==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/filter-alpha": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/filter-alpha/-/filter-alpha-7.4.2.tgz",
-			"integrity": "sha512-9OsKJ+yvY2wIcQXwswj5HQBiwNGymwmqdxfp7mo+nZSBoDmxUqvMZzE9UNJ3eUlswuNvNRO8zNOsQvwdz7WFww==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/filter-blur": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/filter-blur/-/filter-blur-7.4.2.tgz",
-			"integrity": "sha512-gOXBbIUx6CRZP1fmsis2wLzzSsofrqmIHhbf1gIkZMIQaLsc9T7brj+PaLTTiOiyJgnvGN5j20RZnkERWWKV0Q==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/filter-color-matrix": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/filter-color-matrix/-/filter-color-matrix-7.4.2.tgz",
-			"integrity": "sha512-ykZiR59Gvj80UKs9qm7jeUTKvn+wWk6HBVJOmJbK9jFK5juakDWp7BbH26U78Q61EWj97kI1FdfcbMkuQ7rqkA==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/filter-displacement": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/filter-displacement/-/filter-displacement-7.4.2.tgz",
-			"integrity": "sha512-QS/eWp/ivsxef3xapNeGwpPX7vrqQQeo99Fux4k5zsvplnNEsf91t6QYJLG776AbZEu/qh8VYRBA5raIVY/REw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/filter-fxaa": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/filter-fxaa/-/filter-fxaa-7.4.2.tgz",
-			"integrity": "sha512-U/ptJgDsfs/r8y2a6gCaiPfDu2IFAxpQ4wtfmBpz6vRhqeE4kI8yNIUx5dZbui57zlsJaW0BNacOQxHU0vLkyQ==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/filter-noise": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/filter-noise/-/filter-noise-7.4.2.tgz",
-			"integrity": "sha512-Vy9ViBFhZEGh6xKkd3kFWErolZTwv1Y5Qb1bV7qPIYbvBECYsqzlR4uCrrjBV6KKm0PufpG/+NKC5vICZaqKzg==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/graphics": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/graphics/-/graphics-7.4.2.tgz",
-			"integrity": "sha512-jH4/Tum2RqWzHGzvlwEr7HIVduoLO57Ze705N2zQPkUD57TInn5911aGUeoua7f/wK8cTLGzgB9BzSo2kTdcHw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/sprite": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/math": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/math/-/math-7.4.2.tgz",
-			"integrity": "sha512-7jHmCQoYk6e0rfSKjdNFOPl0wCcdgoraxgteXJTTHv3r0bMNx2pHD9FJ0VvocEUG7XHfj55O3+u7yItOAx0JaQ==",
-			"license": "MIT"
-		},
-		"node_modules/@pixi/mesh": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/mesh/-/mesh-7.4.2.tgz",
-			"integrity": "sha512-mEkKyQvvMrYXC3pahvH5WBIKtrtB63WixRr91ANFI7zXD+ESG6Ap6XtxMCJmXDQPwBDNk7SWVMiCflYuchG7kA==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/mesh-extras": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/mesh-extras/-/mesh-extras-7.4.2.tgz",
-			"integrity": "sha512-vNR/7wjxjs7sv9fGoKkHyU91ZAD+7EnMHBS5F3CVISlOIFxLi96NNZCB81oUIdky/90pHw40johd/4izR5zTyw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/mesh": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/mixin-cache-as-bitmap": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/mixin-cache-as-bitmap/-/mixin-cache-as-bitmap-7.4.2.tgz",
-			"integrity": "sha512-6dgthi2ruUT/lervSrFDQ7vXkEsHo6CxdgV7W/wNdW1dqgQlKfDvO6FhjXzyIMRLSooUf5FoeluVtfsjkUIYrw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/sprite": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/mixin-get-child-by-name": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/mixin-get-child-by-name/-/mixin-get-child-by-name-7.4.2.tgz",
-			"integrity": "sha512-0Cfw8JpQhsixprxiYph4Lj+B5n83Kk4ftNMXgM5xtZz+tVLz5s91qR0MqcdzwTGTJ7utVygiGmS4/3EfR/duRQ==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/display": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/mixin-get-global-position": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/mixin-get-global-position/-/mixin-get-global-position-7.4.2.tgz",
-			"integrity": "sha512-LcsahbVdX4DFS2IcGfNp4KaXuu7SjAwUp/flZSGIfstyKOKb5FWFgihtqcc9ZT4coyri3gs2JbILZub/zPZj1w==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/particle-container": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/particle-container/-/particle-container-7.4.2.tgz",
-			"integrity": "sha512-B78Qq86kt0lEa5WtB2YFIm3+PjhKfw9La9R++GBSgABl+g13s2UaZ6BIPxvY3JxWMdxPm4iPrQPFX1QWRN68mw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/sprite": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/prepare": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/prepare/-/prepare-7.4.2.tgz",
-			"integrity": "sha512-PugyMzReCHXUzc3so9PPJj2OdHwibpUNWyqG4mWY2UUkb6c8NAGK1AnAPiscOvLilJcv/XQSFoNhX+N1jrvJEg==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/graphics": "7.4.2",
-				"@pixi/text": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/runner": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/runner/-/runner-7.4.2.tgz",
-			"integrity": "sha512-LPBpwym4vdyyDY5ucF4INQccaGyxztERyLTY1YN6aqJyyMmnc7iqXlIKt+a0euMBtNoLoxy6MWMvIuZj0JfFPA==",
-			"license": "MIT"
-		},
-		"node_modules/@pixi/settings": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/settings/-/settings-7.4.2.tgz",
-			"integrity": "sha512-pMN+L6aWgvUbwhFIL/BTHKe2ShYGPZ8h9wlVBnFHMtUcJcFLMF1B3lzuvCayZRepOphs6RY0TqvnDvVb585JhQ==",
-			"license": "MIT",
-			"dependencies": {
-				"@pixi/constants": "7.4.2",
-				"@types/css-font-loading-module": "^0.0.12",
-				"ismobilejs": "^1.1.0"
-			}
-		},
-		"node_modules/@pixi/sprite": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/sprite/-/sprite-7.4.2.tgz",
-			"integrity": "sha512-Ccf/OVQsB+HQV0Fyf5lwD+jk1jeU7uSIqEjbxenNNssmEdB7S5qlkTBV2EJTHT83+T6Z9OMOHsreJZerydpjeg==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/sprite-animated": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/sprite-animated/-/sprite-animated-7.4.2.tgz",
-			"integrity": "sha512-QPT6yxCUGOBN+98H3pyIZ1ZO6Y7BN1o0Q2IMZEsD1rNfZJrTYS3Q8VlCG5t2YlFlcB8j5iBo24bZb6FUxLOmsQ==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/sprite": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/sprite-tiling": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/sprite-tiling/-/sprite-tiling-7.4.2.tgz",
-			"integrity": "sha512-Z8PP6ewy3nuDYL+NeEdltHAhuucVgia33uzAitvH3OqqRSx6a6YRBFbNLUM9Sx+fBO2Lk3PpV1g6QZX+NE5LOg==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/sprite": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/spritesheet": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/spritesheet/-/spritesheet-7.4.2.tgz",
-			"integrity": "sha512-YIvHdpXW+AYp8vD0NkjJmrdnVHTZKidCnx6k8ATSuuvCT6O5Tuh2N/Ul2oDj4/QaePy0lVhyhAbZpJW00Jr7mQ==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/assets": "7.4.2",
-				"@pixi/core": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/text": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/text/-/text-7.4.2.tgz",
-			"integrity": "sha512-rZZWpJNsIQ8WoCWrcVg8Gi6L/PDakB941clo6dO3XjoII2ucoOUcnpe5HIkudxi2xPvS/8Bfq990gFEx50TP5A==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/sprite": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/text-bitmap": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/text-bitmap/-/text-bitmap-7.4.2.tgz",
-			"integrity": "sha512-lPBMJ83JnpFVL+6ckQ8KO8QmwdPm0z9Zs/M0NgFKH2F+BcjelRNnk80NI3O0qBDYSEDQIE+cFbKoZ213kf7zwA==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/assets": "7.4.2",
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/mesh": "7.4.2",
-				"@pixi/text": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/text-html": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/text-html/-/text-html-7.4.2.tgz",
-			"integrity": "sha512-duOu8oDYeDNuyPozj2DAsQ5VZBbRiwIXy78Gn7H2pCiEAefw/Uv5jJYwdgneKME0e1tOxz1eOUGKPcI6IJnZjw==",
-			"license": "MIT",
-			"peerDependencies": {
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/sprite": "7.4.2",
-				"@pixi/text": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/ticker": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/ticker/-/ticker-7.4.2.tgz",
-			"integrity": "sha512-cAvxCh/KI6IW4m3tp2b+GQIf+DoSj9NNmPJmsOeEJ7LzvruG8Ps7SKI6CdjQob5WbceL1apBTDbqZ/f77hFDiQ==",
-			"license": "MIT",
-			"dependencies": {
-				"@pixi/extensions": "7.4.2",
-				"@pixi/settings": "7.4.2",
-				"@pixi/utils": "7.4.2"
-			}
-		},
-		"node_modules/@pixi/utils": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/@pixi/utils/-/utils-7.4.2.tgz",
-			"integrity": "sha512-aU/itcyMC4TxFbmdngmak6ey4kC5c16Y5ntIYob9QnjNAfD/7GTsYIBnP6FqEAyO1eq0MjkAALxdONuay1BG3g==",
-			"license": "MIT",
-			"dependencies": {
-				"@pixi/color": "7.4.2",
-				"@pixi/constants": "7.4.2",
-				"@pixi/settings": "7.4.2",
-				"@types/earcut": "^2.1.0",
-				"earcut": "^2.2.4",
-				"eventemitter3": "^4.0.0",
-				"url": "^0.11.0"
-			}
-		},
-		"node_modules/@types/css-font-loading-module": {
-			"version": "0.0.12",
-			"resolved": "https://registry.npmjs.org/@types/css-font-loading-module/-/css-font-loading-module-0.0.12.tgz",
-			"integrity": "sha512-x2tZZYkSxXqWvTDgveSynfjq/T2HyiZHXb00j/+gy19yp70PHCizM48XFdjBCWH7eHBD0R5i/pw9yMBP/BH5uA==",
-			"license": "MIT"
-		},
-		"node_modules/@types/earcut": {
-			"version": "2.1.4",
-			"resolved": "https://registry.npmjs.org/@types/earcut/-/earcut-2.1.4.tgz",
-			"integrity": "sha512-qp3m9PPz4gULB9MhjGID7wpo3gJ4bTGXm7ltNDsmOvsPduTeHp8wSW9YckBj3mljeOh4F0m2z/0JKAALRKbmLQ==",
-			"license": "MIT"
-		},
-		"node_modules/call-bind-apply-helpers": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-			"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0",
-				"function-bind": "^1.1.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/call-bound": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-			"integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bind-apply-helpers": "^1.0.2",
-				"get-intrinsic": "^1.3.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/dunder-proto": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-			"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bind-apply-helpers": "^1.0.1",
-				"es-errors": "^1.3.0",
-				"gopd": "^1.2.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/earcut": {
-			"version": "2.2.4",
-			"resolved": "https://registry.npmjs.org/earcut/-/earcut-2.2.4.tgz",
-			"integrity": "sha512-/pjZsA1b4RPHbeWZQn66SWS8nZZWLQQ23oE3Eam7aroEFGEvwKAsJfZ9ytiEMycfzXWpca4FA9QIOehf7PocBQ==",
-			"license": "ISC"
-		},
-		"node_modules/es-define-property": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-			"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/es-errors": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/es-object-atoms": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-			"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/eventemitter3": {
-			"version": "4.0.7",
-			"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-			"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-			"license": "MIT"
-		},
-		"node_modules/function-bind": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-			"license": "MIT",
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/get-intrinsic": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-			"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bind-apply-helpers": "^1.0.2",
-				"es-define-property": "^1.0.1",
-				"es-errors": "^1.3.0",
-				"es-object-atoms": "^1.1.1",
-				"function-bind": "^1.1.2",
-				"get-proto": "^1.0.1",
-				"gopd": "^1.2.0",
-				"has-symbols": "^1.1.0",
-				"hasown": "^2.0.2",
-				"math-intrinsics": "^1.1.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/get-proto": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-			"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-			"license": "MIT",
-			"dependencies": {
-				"dunder-proto": "^1.0.1",
-				"es-object-atoms": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/gopd": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-			"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/has-symbols": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-			"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/hasown": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-			"integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-			"license": "MIT",
-			"dependencies": {
-				"function-bind": "^1.1.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/ismobilejs": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-1.1.1.tgz",
-			"integrity": "sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw==",
-			"license": "MIT"
-		},
-		"node_modules/jsbn": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
-			"integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==",
-			"license": "MIT"
-		},
-		"node_modules/math-intrinsics": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-			"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/object-inspect": {
-			"version": "1.13.4",
-			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-			"integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/pixi.js": {
-			"version": "7.4.2",
-			"resolved": "https://registry.npmjs.org/pixi.js/-/pixi.js-7.4.2.tgz",
-			"integrity": "sha512-TifqgHGNofO7UCEbdZJOpUu7dUnpu4YZ0o76kfCqxDa4RS8ITc9zjECCbtalmuNXkVhSEZmBKQvE7qhHMqw/xg==",
-			"license": "MIT",
-			"dependencies": {
-				"@pixi/accessibility": "7.4.2",
-				"@pixi/app": "7.4.2",
-				"@pixi/assets": "7.4.2",
-				"@pixi/compressed-textures": "7.4.2",
-				"@pixi/core": "7.4.2",
-				"@pixi/display": "7.4.2",
-				"@pixi/events": "7.4.2",
-				"@pixi/extensions": "7.4.2",
-				"@pixi/extract": "7.4.2",
-				"@pixi/filter-alpha": "7.4.2",
-				"@pixi/filter-blur": "7.4.2",
-				"@pixi/filter-color-matrix": "7.4.2",
-				"@pixi/filter-displacement": "7.4.2",
-				"@pixi/filter-fxaa": "7.4.2",
-				"@pixi/filter-noise": "7.4.2",
-				"@pixi/graphics": "7.4.2",
-				"@pixi/mesh": "7.4.2",
-				"@pixi/mesh-extras": "7.4.2",
-				"@pixi/mixin-cache-as-bitmap": "7.4.2",
-				"@pixi/mixin-get-child-by-name": "7.4.2",
-				"@pixi/mixin-get-global-position": "7.4.2",
-				"@pixi/particle-container": "7.4.2",
-				"@pixi/prepare": "7.4.2",
-				"@pixi/sprite": "7.4.2",
-				"@pixi/sprite-animated": "7.4.2",
-				"@pixi/sprite-tiling": "7.4.2",
-				"@pixi/spritesheet": "7.4.2",
-				"@pixi/text": "7.4.2",
-				"@pixi/text-bitmap": "7.4.2",
-				"@pixi/text-html": "7.4.2"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/pixijs"
-			}
-		},
-		"node_modules/punycode": {
-			"version": "1.4.1",
-			"resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-			"integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-			"license": "MIT"
-		},
-		"node_modules/qs": {
-			"version": "6.14.0",
-			"resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
-			"integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
-			"license": "BSD-3-Clause",
-			"dependencies": {
-				"side-channel": "^1.1.0"
-			},
-			"engines": {
-				"node": ">=0.6"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/side-channel": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-			"integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0",
-				"object-inspect": "^1.13.3",
-				"side-channel-list": "^1.0.0",
-				"side-channel-map": "^1.0.1",
-				"side-channel-weakmap": "^1.0.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/side-channel-list": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-			"integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0",
-				"object-inspect": "^1.13.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/side-channel-map": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-			"integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bound": "^1.0.2",
-				"es-errors": "^1.3.0",
-				"get-intrinsic": "^1.2.5",
-				"object-inspect": "^1.13.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/side-channel-weakmap": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-			"integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bound": "^1.0.2",
-				"es-errors": "^1.3.0",
-				"get-intrinsic": "^1.2.5",
-				"object-inspect": "^1.13.3",
-				"side-channel-map": "^1.0.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/sm-crypto": {
-			"version": "0.3.13",
-			"resolved": "https://registry.npmjs.org/sm-crypto/-/sm-crypto-0.3.13.tgz",
-			"integrity": "sha512-ztNF+pZq6viCPMA1A6KKu3bgpkmYti5avykRHbcFIdSipFdkVmfUw2CnpM2kBJyppIalqvczLNM3wR8OQ0pT5w==",
-			"license": "MIT",
-			"dependencies": {
-				"jsbn": "^1.1.0"
-			}
-		},
-		"node_modules/url": {
-			"version": "0.11.4",
-			"resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
-			"integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
-			"license": "MIT",
-			"dependencies": {
-				"punycode": "^1.4.1",
-				"qs": "^6.12.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		}
-	}
-}

package.json

@@ -1,6 +0,0 @@
-{
-	"dependencies": {
-		"pixi.js": "^7.4.2",
-		"sm-crypto": "^0.3.13"
-	}
-}

packageA/pages/Intendedposition/Intendedposition.vue

@@ -1,14 +1,27 @@
 <template>
-    <view class="collection-content">
-        <renderDeliveryRecord
-            v-if="pageState.list.length"
-            seeDate="applyTime"
-            :list="pageState.list"
-            :longitude="longitudeVal"
-            :latitude="latitudeVal"
-        ></renderDeliveryRecord>
-        <empty v-else :is-position="true"></empty>
-    </view>
+    <AppLayout
+        title="投递记录"
+        :use-scroll-view="true"
+        mainback-ground-color="#f4f4f4"
+        :show-bg-image="false"
+        @onScrollBottom="getJobList()"
+    >
+        <template #headerleft v-if="isMiniProgram">
+            <view class="btnback">
+                <image src="@/static/icon/back.png" @click="navBack"></image>
+            </view>
+        </template>
+        <view class="collection-content">
+            <renderDeliveryRecord
+                v-if="pageState.list.length"
+                seeDate="applyTime"
+                :list="pageState.list"
+                :longitude="longitudeVal"
+                :latitude="latitudeVal"
+            ></renderDeliveryRecord>
+            <empty v-else :is-position="true"></empty>
+        </view>
+    </AppLayout>
 </template>
 
 <script setup>
@@ -16,7 +29,7 @@ import dictLabel from '@/components/dict-Label/dict-Label.vue';
 import { reactive, inject, watch, ref, onMounted } from 'vue';
 import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
 import useUserStore from '@/stores/useUserStore';
-const { $api, navTo, vacanciesTo } = inject('globalFunction');
+const { $api, navTo, vacanciesTo, navBack } = inject('globalFunction');
 import { storeToRefs } from 'pinia';
 import useLocationStore from '@/stores/useLocationStore';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
@@ -38,19 +51,6 @@ onLoad(() => {
     getJobList();
 });
 
-onMounted(() => {
-    // #ifdef H5
-    if (!isMiniProgram.value) {
-        const a = document.getElementsByClassName('uni-page-head-hd')[0];
-        a.style.display = 'none';
-    }
-    // #endif
-});
-
-onReachBottom(() => {
-    getJobList();
-});
-
 function getJobList(type = 'add') {
     if (type === 'refresh') {
         pageState.page = 1;
@@ -83,11 +83,18 @@ function getJobList(type = 'add') {
 </script>
 
 <style lang="stylus" scoped>
+.btnback{
+    width: 64rpx;
+    height: 64rpx;
+}
+image {
+    height: 100%;
+    width: 100%;
+}
 .collection-content{
     padding: 1rpx 28rpx 20rpx 28rpx;
     background: #F4F4F4;
     height: 100%;
-    min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
     position: relative;
 }
 </style>

packageA/pages/addPosition/addPosition.vue

@@ -18,7 +18,7 @@
             </view>
             <view class="content-list">
                 <view class="list-search">
-                    <uni-icons type="search" color="#333333" size="24"></uni-icons>
+                    <my-icons type="search" color="#333333" size="48"></my-icons>
                     <input
                         class="search-input"
                         v-model="inputVal"

packageA/pages/browseJob/browseJob.vue

@@ -9,7 +9,7 @@
             <view class="collection-search">
                 <view class="search-content">
                     <view class="header-input button-click">
-                        <uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
+                        <my-icons class="iconsearch" color="#6A6A6A" type="search" size="44"></my-icons>
                         <input
                             class="input"
                             @confirm="searchCollection"

packageA/pages/choicenessList/choicenessList.vue

@@ -9,7 +9,7 @@
             <view class="collection-search">
                 <view class="search-content">
                     <view class="header-input button-click">
-                        <uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
+                        <my-icons class="iconsearch" color="#6A6A6A" type="search" size="44"></my-icons>
                         <input
                             class="input"
                             @confirm="searchCollection"

packageA/pages/exhibitors/exhibitors.vue

@@ -129,7 +129,6 @@ const zphId = ref('');
 const pageOptions = ref({});
 
 onLoad((options) => {
-    console.log(options,'++')
     zphId.value = options.jobFairId;
     pageOptions.value = options;
     getJobFairInfo(options.jobFairId, options.jobFairName);
@@ -155,10 +154,10 @@ function getCompanyList(type = 'add') {
         current: pageState.current,
         pageSize: pageState.pageSize,
         zphID:jobFairId,
-        zphmc:jobFairName,
+        zphmc:jobFairName
     };
     $api.createRequest(
-        `/app/internal/companyThirdPart/`,
+        `/app/internal/companyThirdPart`,
         params,
         'GET',
         true

packageA/pages/moreJobs/moreJobs.vue

@@ -1,8 +1,15 @@
 <template>
-    <view class="collection-content">
-        <renderJobs :list="list" :longitude="longitudeVal" :latitude="latitudeVal"></renderJobs>
-        <loadmore ref="loadmoreRef"></loadmore>
-    </view>
+    <AppLayout title="更多岗位" :use-scroll-view="true" :show-bg-image="false" @onScrollBottom="loadMore">
+        <template #headerleft v-if="isMiniProgram">
+            <view class="btnback">
+                <image src="@/static/icon/back.png" @click="navBack"></image>
+            </view>
+        </template>
+        <view class="collection-content">
+            <renderJobs :list="list" :longitude="longitudeVal" :latitude="latitudeVal"></renderJobs>
+            <loadmore ref="loadmoreRef"></loadmore>
+        </view>
+    </AppLayout>
 </template>
 
 <script setup>
@@ -16,6 +23,7 @@ import useLocationStore from '@/stores/useLocationStore';
 import { usePagination } from '@/hook/usePagination';
 import { jobMoreMap } from '@/utils/markdownParser';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
+const { isMiniProgram } = storeToRefs(useUserStore());
 const loadmoreRef = ref(null);
 
 // 响应式搜索条件（可以被修改）
@@ -57,17 +65,20 @@ function removeNullProperties(obj) {
     }
     return obj;
 }
-
-onReachBottom(() => {
-    loadMore();
-});
 </script>
 
 <style lang="stylus" scoped>
+.btnback{
+    width: 64rpx;
+    height: 64rpx;
+}
+image {
+    height: 100%;
+    width: 100%;
+}
 .collection-content{
     padding: 1rpx 28rpx 20rpx 28rpx;
     background: #F4F4F4;
-    height: 100%
-    min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
+    height: 100%;
 }
 </style>

packageA/pages/newJobPosition/newJobPosition.vue

@@ -1,44 +1,51 @@
 <template>
-    <view class="reser-content">
-        <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
-            <view class="content-top">
-                <view
-                    class="top-item button-click"
-                    :class="{ active: state.tabIndex === 'all' }"
-                    @click="changeOption('all')"
-                >
-                    全部
-                </view>
-                <view
-                    class="top-item button-click"
-                    :class="{ active: state.tabIndex === index }"
-                    v-for="(item, index) in userInfo.jobTitle"
-                    :key="index"
-                    @click="changeOption(index)"
-                >
-                    {{ item }}
-                </view>
+    <AppLayout title="新职位推荐" :use-scroll-view="false" :show-bg-image="false">
+        <template #headerleft v-if="isMiniProgram">
+            <view class="btnback">
+                <image src="@/static/icon/back.png" @click="navBack"></image>
             </view>
-        </scroll-view>
-        <view class="main">
-            <scroll-view class="scroll-view" scroll-y @scrolltolower="scrollBottom">
-                <view class="list">
-                    <renderJobs
-                        v-if="pageState.list.length"
-                        :longitude="longitudeVal"
-                        :latitude="latitudeVal"
-                    ></renderJobs>
-                    <empty v-else></empty>
+        </template>
+        <view class="reser-content">
+            <scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
+                <view class="content-top">
+                    <view
+                        class="top-item button-click"
+                        :class="{ active: state.tabIndex === 'all' }"
+                        @click="changeOption('all')"
+                    >
+                        全部
+                    </view>
+                    <view
+                        class="top-item button-click"
+                        :class="{ active: state.tabIndex === index }"
+                        v-for="(item, index) in userInfo.jobTitle"
+                        :key="index"
+                        @click="changeOption(index)"
+                    >
+                        {{ item }}
+                    </view>
                 </view>
             </scroll-view>
+            <view class="main">
+                <scroll-view class="scroll-view" scroll-y @scrolltolower="scrollBottom">
+                    <view class="list">
+                        <renderJobs
+                            v-if="pageState.list.length"
+                            :longitude="longitudeVal"
+                            :latitude="latitudeVal"
+                        ></renderJobs>
+                        <empty v-else></empty>
+                    </view>
+                </scroll-view>
+            </view>
         </view>
-    </view>
+    </AppLayout>
 </template>
 
 <script setup>
 import { reactive, inject, watch, ref, onMounted, onBeforeUnmount } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
-const { $api, navTo, debounce, customSystem } = inject('globalFunction');
+const { $api, navTo, debounce, customSystem, navBack } = inject('globalFunction');
 import { storeToRefs } from 'pinia';
 import useLocationStore from '@/stores/useLocationStore';
 import useUserStore from '@/stores/useUserStore';
@@ -58,15 +65,6 @@ const state = reactive({
     tabIndex: 'all',
 });
 
-onMounted(() => {
-    // #ifdef H5
-    if (!isMiniProgram.value) {
-        const a = document.getElementsByClassName('uni-page-head-hd')[0];
-        a.style.display = 'none';
-    }
-    // #endif
-});
-
 onLoad(() => {
     getList('refresh');
 });
@@ -116,9 +114,17 @@ function getList(type = 'add', loading = true) {
 </script>
 
 <style lang="stylus" scoped>
+.btnback{
+    width: 64rpx;
+    height: 64rpx;
+}
+image {
+    height: 100%;
+    width: 100%;
+}
 .reser-content{
     width: 100%;
-    height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
+    height: 100%;
     display: flex;
     flex-direction: column;
     .content-top{

packageA/pages/post/post.vue

@@ -168,7 +168,7 @@
                 </view>
                 <view v-else class="btn-wq button-click" @click="jobApply">
                     <span v-if="jobInfo.isApply">立即前往</span>
-                    <span v-if="!jobInfo.isApply">立即投递</span>
+                    <span v-if="!jobInfo.isApply">立即前往</span>
                 </view>
             </view>
         </template>
@@ -185,7 +185,7 @@ import dictLabel from '@/components/dict-Label/dict-Label.vue';
 import RadarMap from './component/radarMap.vue';
 import { storeToRefs } from 'pinia';
 import useUserStore from '@/stores/useUserStore';
-const { isMiniProgram } = storeToRefs(useUserStore());
+const { isMiniProgram, hasLogin } = storeToRefs(useUserStore());
 
 const { $api, navTo, getLenPx, parseQueryParams, navBack, isEmptyObject } = inject('globalFunction');
 import config from '@/config.js';
@@ -203,7 +203,6 @@ const explainUrlRef = ref('');
 const dataType = ref(1); // 1: 原数据, 2: 第三方数据
 
 onLoad((option) => {
-    console.log(option,'+++++')
     if (option.jobId) {
         dataType.value = option.dataType ? parseInt(option.dataType) : 1;
         initLoad(option);
@@ -211,17 +210,15 @@ onLoad((option) => {
 });
 
 onShow(() => {
-    // #ifdef H5
     const option = parseQueryParams(); // 兼容微信内置浏览器
     if (option.jobId) {
         dataType.value = option.dataType ? parseInt(option.dataType) : 1;
         initLoad(option);
     }
-    // #endif
 });
 
 function initLoad(option) {
-    const jobId = decodeURIComponent(option.jobId);
+    const jobId = atob(option.jobId);
     if (jobId !== jobIdRef.value) {
         jobIdRef.value = jobId;
         getDetail(jobId);
@@ -255,7 +252,10 @@ function getDetail(jobId) {
             const { latitude, longitude, companyName, companyId } = resData.data;
             jobInfo.value = resData.data;
             getCompanyIsAJobs(companyId);
-            getCompetivetuveness(jobId);
+
+            if (hasLogin.value) {
+                getCompetivetuveness(jobId);
+            }
 
             if (latitude && longitude) {
                 initMapCovers(latitude, longitude, companyName);
@@ -289,11 +289,11 @@ function getCompanyIsAJobs(...args) {
         // 第三方数据获取公司职位数量
         const [gsID, gsmc, zphID] = args;
         const params = {
-            gsID:gsID,
-            gsmc:gsmc,
-            zphID:zphID
-        }
-        $api.createRequest(`/app/internal/jobThirdPart`,params).then((resData) => {
+            gsID,
+            gsmc,
+            zphID,
+        };
+        $api.createRequest(`/app/internal/jobThirdPart`, params).then((resData) => {
             companyCount.value = resData.total;
         });
     } else {

packageA/pages/reservation/reservation.vue

@@ -1,5 +1,11 @@
 <template>
-    <view class="reser-content">
+    <AppLayout title="我的预约" :use-scroll-view="false" :show-bg-image="false">
+            <template #headerleft v-if="isMiniProgram">
+                <view class="btnback">
+                    <image src="@/static/icon/back.png" @click="navBack"></image>
+                </view>
+            </template>
+                <view class="reser-content">
         <view class="content-top">
             <view
                 class="top-item"
@@ -12,7 +18,7 @@
             </view>
         </view>
         <view class="main">
-            <scroll-view class="height-100" scroll-y>
+            <scroll-view class="height-100" scroll-y  @scrolltolower="getList('add')">
                 <view>
                     <view class="card" v-for="(item, index) in pageState.list" :key="index">
                         <view
@@ -38,24 +44,25 @@
                                         :blat="latitudeVal"
                                         :blong="longitudeVal"
                                     ></convert-distance> -->
+                                    </view>
                                 </view>
                             </view>
-                        </view>
-                        <view class="footer" v-if="isTimePassed(item.zphjbsj)">
-                            <view class="card_cancel" @click="updateCancel(item)">取消预约</view>
+                            <view class="footer" v-if="isTimePassed(item.zphjbsj)">
+                                <view class="card_cancel" @click="updateCancel(item)">取消预约</view>
+                            </view>
                         </view>
                     </view>
-                </view>
-                <empty v-if="!pageState.list.length"></empty>
-            </scroll-view>
+                    <empty v-if="!pageState.list.length"></empty>
+                </scroll-view>
+            </view>
         </view>
-    </view>
+    </AppLayout>
 </template>
 
 <script setup>
 import { reactive, inject, watch, ref, onMounted, onBeforeUnmount } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
-const { $api, navTo, debounce, customSystem } = inject('globalFunction');
+const { $api, navTo, debounce, customSystem, navBack } = inject('globalFunction');
 import Countdown from './component/countdown.vue';
 import { storeToRefs } from 'pinia';
 import useLocationStore from '@/stores/useLocationStore';
@@ -92,18 +99,9 @@ onLoad(() => {
     getList();
 });
 
-onMounted(() => {
-    // #ifdef H5
-    if (!isMiniProgram.value) {
-        const a = document.getElementsByClassName('uni-page-head-hd')[0];
-        a.style.display = 'none';
-    }
-    // #endif
-});
-
 function chnageRanOption(item) {
     ranItem.value = item;
-    getList();
+    getList('refresh');
 }
 
 function updateCancel(item) {
@@ -155,9 +153,17 @@ function getList(type = 'add', loading = true) {
 </script>
 
 <style lang="stylus" scoped>
+.btnback{
+    width: 64rpx;
+    height: 64rpx;
+}
+image {
+    height: 100%;
+    width: 100%;
+}
 .reser-content{
     width: 100%;
-    height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
+    height:100%;
     display: flex;
     flex-direction: column;
     .content-top{

packageA/pages/systemNotification/systemNotification.vue

@@ -8,7 +8,7 @@
                     <view class="card-subTitle">{{ item.subTitle }}</view>
                     <view class="card-btns" v-if="item.noticeType === '2'" @click="seeBussiness(item)">
                         <view class="btns-text">立即查看</view>
-                        <view class="btns-text"><uni-icons type="forward" color="#256bfa" size="18"></uni-icons></view>
+                        <view class="btns-text"><my-icons type="forward" color="#256bfa" size="32"></my-icons></view>
                     </view>
                 </view>
             </view>

packageA/pages/tiktok/tiktok.vue

@@ -2,7 +2,7 @@
     <div class="video-container">
         <view class="back-box" v-if="isMiniProgram">
             <view class="btn">
-                <uni-icons type="left" size="26" color="#FFFFFF" @click="navBack"></uni-icons>
+                <my-icons type="left" size="52" color="#FFFFFF" @click="navBack"></my-icons>
             </view>
         </view>
         <mTikTok :video-list="state.videoList" :pause-type="1" :controls="false" @loadMore="loadMore" @change="change">
@@ -15,7 +15,7 @@
                         </text>
                         <view class="seedetail" @click="nextDetail">
                             查看详情
-                            <uni-icons type="right" color="#FFFFFF" size="14"></uni-icons>
+                            <my-icons type="right" color="#FFFFFF" size="28"></my-icons>
                         </view>
                     </view>
                 </view>
@@ -55,7 +55,7 @@ function nextDetail() {
         recommedIndexDb.addRecord(recordData);
     }
     console.log(job.jobId);
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
 }
 
 function getNextVideoSrc(num) {

packageA/pages/workExp/workExp.vue

@@ -228,6 +228,7 @@ const changeendTime = () => {
         background: #f5f5f5;
         padding: 20rpx;
         box-sizing: border-box;
+        font-size: 28rpx;
     }
 }
 

pages.json

@@ -5,7 +5,9 @@
             "path": "pages/index/index",
             "style": {
                 "navigationBarTitleText": "青岛智慧就业平台",
+                // #ifdef H5
                 "navigationStyle": "custom"
+                // #endif
             }
         },
         {
@@ -124,7 +126,8 @@
                 "path": "pages/Intendedposition/Intendedposition",
                 "style": {
                     "navigationBarTitleText": "投递记录",
-                    "navigationBarBackgroundColor": "#FFFFFF"
+                    "navigationBarBackgroundColor": "#FFFFFF",
+                    "navigationStyle": "custom"
                 }
             },
             {
@@ -182,7 +185,8 @@
                 "path": "pages/reservation/reservation",
                 "style": {
                     "navigationBarTitleText": "我的预约",
-                    "navigationBarBackgroundColor": "#FFFFFF"
+                    "navigationBarBackgroundColor": "#FFFFFF",
+                    "navigationStyle": "custom"
                 }
             },
             {
@@ -197,7 +201,8 @@
                 "path": "pages/newJobPosition/newJobPosition",
                 "style": {
                     "navigationBarTitleText": "新职位推荐",
-                    "navigationBarBackgroundColor": "#FFFFFF"
+                    "navigationBarBackgroundColor": "#FFFFFF",
+                    "navigationStyle": "custom"
                 }
             },
             {
@@ -219,7 +224,8 @@
                 "path": "pages/moreJobs/moreJobs",
                 "style": {
                     "navigationBarTitleText": "更多岗位",
-                    "navigationBarBackgroundColor": "#FFFFFF"
+                    "navigationBarBackgroundColor": "#FFFFFF",
+                    "navigationStyle": "custom"
                 }
             }
         ]
@@ -275,7 +281,7 @@
         // "enablePullDownRefresh": false,
         // "navigationStyle": "custom",
         "rpxCalcBaseDeviceWidth": 375,
-        "rpxCalcMaxDeviceWidth": 750,
+        "rpxCalcMaxDeviceWidth": 960,
         "rpxCalcIncludeWidth": 750
     },
     "uniIdRouter": {}

pages/careerfair/careerfair copy.vue

@@ -12,7 +12,7 @@
                     </view>
                 </view>
                 <view class="header-input btn-feel">
-                    <uni-icons class="iconsearch" color="#666666" type="search" size="18"></uni-icons>
+                    <my-icons class="iconsearch" color="#666666" type="search" size="32"></my-icons>
                     <input class="input" placeholder="招聘会" placeholder-class="inputplace" />
                 </view>
                 <view class="header-date">

pages/careerfair/careerfair.vue

@@ -1,112 +1,108 @@
 <template>
-  <view class="app-custom-root">
-    <view class="app-container">
-      <!-- 顶部头部区域 -->
-      <view class="container-header">
-        <view class="header-top">
-          <view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }">
-            现场招聘
-          </view>
-          <view class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
-            VR虚拟招聘会
-          </view>
-        </view>
-        <view class="header-input btn-feel">
-          <uni-icons class="iconsearch" color="#666666" type="search" size="18"></uni-icons>
-          <input
-            v-model="pageState.zphmc"
-            confirm-type="search"
-            @confirm="getFair"
-            class="input"
-            placeholder="招聘会"
-            placeholder-class="inputplace"
-          />
-        </view>
-        <view class="header-date">
-          <view class="data-week">
-            <view
-              class="weel-days button-click"
-              :class="{ active: currentDay.fullDate === item.fullDate }"
-              v-for="(item, index) in weekList"
-              :key="index"
-              @click="selectDate(item)"
-            >
-              <view class="label">{{ item.day }}</view>
-              <view class="day">{{ item.date }}</view>
+    <view class="app-custom-root">
+        <view class="app-container">
+            <!-- 顶部头部区域 -->
+            <view class="container-header">
+                <view class="header-top">
+                    <view class="header-btnLf button-click" @click="seemsg(0)" :class="{ active: state.current === 0 }">
+                        现场招聘
+                    </view>
+                    <view class="header-btnLf button-click" @click="seemsg(1)" :class="{ active: state.current === 1 }">
+                        VR虚拟招聘会
+                    </view>
+                </view>
+                <view class="header-input btn-feel">
+                    <my-icons class="iconsearch" color="#666666" type="search" size="36"></my-icons>
+                    <input
+                        v-model="pageState.zphmc"
+                        confirm-type="search"
+                        @confirm="getFair"
+                        class="input"
+                        placeholder="招聘会"
+                        placeholder-class="inputplace"
+                    />
+                </view>
+                <view class="header-date">
+                    <view class="data-week">
+                        <view
+                            class="weel-days button-click"
+                            :class="{ active: currentDay.fullDate === item.fullDate }"
+                            v-for="(item, index) in weekList"
+                            :key="index"
+                            @click="selectDate(item)"
+                        >
+                            <view class="label">{{ item.day }}</view>
+                            <view class="day">{{ item.date }}</view>
+                        </view>
+                    </view>
+                    <view class="data-all">
+                        <image class="allimg button-click" @click="toSelectDate" src="/static/icon/date1.png"></image>
+                    </view>
+                </view>
             </view>
-          </view>
-          <view class="data-all">
-            <image class="allimg button-click" @click="toSelectDate" src="/static/icon/date1.png"></image>
-          </view>
-        </view>
-      </view>
 
-      <!-- 主体内容区域 -->
-      <view class="container-main">
-        <scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
-          <view class="cards">
-            <!-- #ifdef H5 -->
-            <transition-group name="stagger" tag="view" :css="true">
-            <!-- #endif -->
-              <view
-                class="card press-button"
-                v-for="(item, index) in fairList"
-                :key="item.zphID"
-                :style="{ '--i': index }"
-                @click="
-                  navTo(
-                    '/packageA/pages/exhibitors/exhibitors?jobFairId=' +
-                      item.zphID +
-                      '&jobFairName=' +
-                      item.zphmc
-                  )
-                "
-              >
-                <view class="card-title">{{ item.zphmc }}</view>
-                <view class="card-row">
-                  <text class="">{{ item.jbf }}</text>
-                  <text class="">
-                    <!-- <convert-distance
+            <!-- 主体内容区域 -->
+            <view class="container-main">
+                <scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
+                    <view class="cards">
+                        <transition-group name="stagger" tag="view" :css="true">
+                            <view
+                                class="card press-button"
+                                v-for="(item, index) in fairList"
+                                :key="item.zphID"
+                                :style="{ '--i': index }"
+                                @click="
+                                    navTo(
+                                        '/packageA/pages/exhibitors/exhibitors?jobFairId=' +
+                                            item.zphID +
+                                            '&jobFairName=' +
+                                            item.zphmc
+                                    )
+                                "
+                            >
+                                <view class="card-title">{{ item.zphmc }}</view>
+                                <view class="card-row">
+                                    <text class="">{{ item.jbf }}</text>
+                                    <text class="">
+                                        <!-- <convert-distance
                                         :alat="item.latitude"
                                         :along="item.longitude"
                                         :blat="latitudeVal"
                                         :blong="longitudeVal"
                                     ></convert-distance> -->
-                  </text>
-                </view>
-                <view class="card-times">
-                  <view class="time-left">
-                    <view class="left-date">{{ parseDateTime(item.zphjbsj).time }}</view>
-                    <view class="left-dateDay">{{ parseDateTime(item.zphjbsj).date }}</view>
-                  </view>
-                  <view class="line"></view>
-                  <view class="time-center">
-                    <view class="center-date">
-                      {{ getTimeStatus(item.zphjbsj, item.zphjzsj).statusText }}
+                                    </text>
+                                </view>
+                                <view class="card-times">
+                                    <view class="time-left">
+                                        <view class="left-date">{{ parseDateTime(item.zphjbsj).time }}</view>
+                                        <view class="left-dateDay">{{ parseDateTime(item.zphjbsj).date }}</view>
+                                    </view>
+                                    <view class="line"></view>
+                                    <view class="time-center">
+                                        <view class="center-date">
+                                            {{ getTimeStatus(item.zphjbsj, item.zphjzsj).statusText }}
+                                        </view>
+                                        <view class="center-dateDay">
+                                            {{ getHoursBetween(item.zphjbsj, item.zphjzsj) }}小时
+                                        </view>
+                                    </view>
+                                    <view class="line"></view>
+                                    <view class="time-right">
+                                        <view class="left-date">{{ parseDateTime(item.zphjzsj).time }}</view>
+                                        <view class="left-dateDay">{{ parseDateTime(item.zphjzsj).date }}</view>
+                                    </view>
+                                </view>
+                                <view class="recommend-card-line"></view>
+                                <view class="card-footer">内容简介：{{ item.zphjj }}</view>
+                            </view>
+                        </transition-group>
                     </view>
-                    <view class="center-dateDay">
-                      {{ getHoursBetween(item.zphjbsj, item.zphjzsj) }}小时
-                    </view>
-                  </view>
-                  <view class="line"></view>
-                  <view class="time-right">
-                    <view class="left-date">{{ parseDateTime(item.zphjzsj).time }}</view>
-                    <view class="left-dateDay">{{ parseDateTime(item.zphjzsj).date }}</view>
-                  </view>
-                </view>
-                <view class="recommend-card-line"></view>
-                <view class="card-footer">内容简介：{{ item.zphjj }}</view>
-              </view>
-            <!-- #ifdef H5 -->
-            </transition-group>
-            <!-- #endif -->
-          </view>
-          <empty v-if="!fairList.length" content="暂时没有结果，下一天也许就有惊喜"></empty>
-        </scroll-view>
-      </view>
-      <!-- <Tabbar :currentpage="1"></Tabbar> -->
+                    <empty v-if="!fairList.length" content="暂时没有结果，下一天也许就有惊喜"></empty>
+                </scroll-view>
+            </view>
+            <Tabbar v-show="showTabbar" :currentpage="1"></Tabbar>
+        </view>
     </view>
-  </view>
 </template>
 
 <script setup>
@@ -117,214 +113,223 @@ import useLocationStore from '@/stores/useLocationStore';
 import { storeToRefs } from 'pinia';
 import config from '@/config';
 const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
-const { $api, navTo,  } = inject('globalFunction');
+const { $api, navTo, cloneDeep, debounce } = inject('globalFunction');
+import useScreenStore from '@/stores/useScreenStore'
+
+const screenStore = useScreenStore()
+const showTabbar = ref(false)
+
+watch(
+    () => screenStore.isWideScreen,
+    (newVal) => {
+        showTabbar.value = newVal
+    },
+    { immediate: true }
+)
+
 const weekList = ref([]);
 const fairList = ref([]);
 const currentDay = ref({});
 const state = reactive({
-  current: 0,
-  all: [{}],
+    current: 0,
+    all: [{}],
 });
 const pageState = reactive({
-  page: 0,
-  total: 0,
-  maxPage: 2,
-  pageSize: 10,
-  zphmc: '',
+    page: 0,
+    total: 0,
+    maxPage: 2,
+    pageSize: 10,
+    zphmc: '',
 });
 
 onLoad(() => {
-  const today = new Date();
-  const year = today.getFullYear();
-  const month = String(today.getMonth() + 1).padStart(2, '0');
-  const day = String(today.getDate()).padStart(2, '0');
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = String(today.getMonth() + 1).padStart(2, '0');
+    const day = String(today.getDate()).padStart(2, '0');
 
-  const currentDate = `${year}-${month}-${day}`;
-  const result = getNextDates({
-    startDate: currentDate,
-  });
-  weekList.value = result;
-  currentDay.value.fullDate = result[0].fullDate;
-  getFair('refresh');
+    const currentDate = `${year}-${month}-${day}`;
+    const result = getNextDates({
+        startDate: currentDate,
+    });
+    weekList.value = result;
+    currentDay.value.fullDate = result[0].fullDate;
+    getFair('refresh');
 });
 
 const handleItemClick = (item) => {
-  try {
     lightAppJssdk.navigation.hide({
-      url: config.virtualJobFair,
+        url: config.virtualJobFair,
     });
-  } catch (error) {
-    $api.msg('功能确定中');
-  }
 };
 
 function toSelectDate() {
-  navTo('/packageA/pages/selectDate/selectDate', {
-    query: {
-      date: currentDay.value.fullDate,
-      entrance: 'careerfair',
-    },
-    onBack: (res) => {
-      console.log(res);
-      const result = getNextDates({
-        startDate: res.date,
-      });
-      const formattedDate = res.date.slice(5); // MM-DD
-      const dateFull = {
-        date: res.date.slice(5),
-        day: '周' + res.week,
-        fullDate: res.date,
-      };
-      currentDay.value = dateFull;
-      weekList.value = result;
-      getFair('refresh');
-    },
-  });
+    navTo('/packageA/pages/selectDate/selectDate', {
+        query: {
+            date: currentDay.value.fullDate,
+            entrance: 'careerfair',
+        },
+        onBack: (res) => {
+            console.log(res);
+            const result = getNextDates({
+                startDate: res.date,
+            });
+            const formattedDate = res.date.slice(5); // MM-DD
+            const dateFull = {
+                date: res.date.slice(5),
+                day: '周' + res.week,
+                fullDate: res.date,
+            };
+            currentDay.value = dateFull;
+            weekList.value = result;
+            getFair('refresh');
+        },
+    });
 }
 // 查看消息类型
 function changeSwiperMsgType(e) {
-  const currented = e.detail.current;
-  state.current = currented;
+    const currented = e.detail.current;
+    state.current = currented;
 }
 
 function seemsg(index) {
-  if (index === 1) {
-    handleItemClick();
-    // $api.msg('功能确定中');
-    return;
-  }
-  state.current = index;
+    if (index === 1) {
+        handleItemClick();
+        // $api.msg('功能确定中');
+        return;
+    }
+    state.current = index;
 }
 
 const handleScrollToLower = () => {
-  return;
-  getFair();
-  console.log('触底');
+    return;
+    getFair();
+    console.log('触底');
 };
 
 function getFair(type = 'add') {
-  if (type === 'refresh') {
-    pageState.page = 1;
-    pageState.maxPage = 1;
-  }
-  if (type === 'add' && pageState.page < pageState.maxPage) {
-    pageState.page += 1;
-  }
-  let params = {
-    zphmc: pageState.zphmc,
-    // current: pageState.page,
-    // pageSize: pageState.pageSize,
-  };
-  // if (currentDay.value?.fullDate) {
-  //     params.queryDate = currentDay.value.fullDate;
-  // }
-  if (currentDay.value?.fullDate) {
-    params.zphjbsj = currentDay.value.fullDate.replace(/-/g, '');
-  }
-  $api.createRequest('/app/internal/jobFairThirdPart', params, 'GET', false).then((resData) => {
-    const { rows, total } = resData;
-    if (type === 'add') {
-      // const str = pageState.pageSize * (pageState.page - 1);
-      // const end = fairList.value.length;
-      // const reslist = rows;
-      // fairList.value.splice(str, end, ...reslist);
-      fairList.value = rows;
-    } else {
-      fairList.value = rows;
+    if (type === 'refresh') {
+        pageState.page = 1;
+        pageState.maxPage = 1;
     }
-    // pageState.list = resData.rows;
-    pageState.total = resData.total;
-    pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
-  });
+    if (type === 'add' && pageState.page < pageState.maxPage) {
+        pageState.page += 1;
+    }
+    let params = {
+        zphmc: pageState.zphmc,
+        // current: pageState.page,
+        // pageSize: pageState.pageSize,
+    };
+    // if (currentDay.value?.fullDate) {
+    //     params.queryDate = currentDay.value.fullDate;
+    // }
+    if (currentDay.value?.fullDate) {
+        params.zphjbsj = currentDay.value.fullDate.replace(/-/g, '');
+    }
+    $api.createRequest('/app/internal/jobFairThirdPart', params, 'GET', false).then((resData) => {
+        const { rows, total } = resData;
+        if (type === 'add') {
+            // const str = pageState.pageSize * (pageState.page - 1);
+            // const end = fairList.value.length;
+            // const reslist = rows;
+            // fairList.value.splice(str, end, ...reslist);
+            fairList.value = rows;
+        } else {
+            fairList.value = rows;
+        }
+        // pageState.list = resData.rows;
+        pageState.total = resData.total;
+        pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
+    });
 }
 
 function parseDateTime(datetimeStr) {
-  if (!datetimeStr) return { time: '', date: '' };
+    if (!datetimeStr) return { time: '', date: '' };
 
-  const dateObj = new Date(datetimeStr);
+    const dateObj = new Date(datetimeStr);
 
-  if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间
+    if (isNaN(dateObj.getTime())) return { time: '', date: '' }; // 无效时间
 
-  const year = dateObj.getFullYear();
-  const month = String(dateObj.getMonth() + 1).padStart(2, '0');
-  const day = String(dateObj.getDate()).padStart(2, '0');
-  const hours = String(dateObj.getHours()).padStart(2, '0');
-  const minutes = String(dateObj.getMinutes()).padStart(2, '0');
+    const year = dateObj.getFullYear();
+    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
+    const day = String(dateObj.getDate()).padStart(2, '0');
+    const hours = String(dateObj.getHours()).padStart(2, '0');
+    const minutes = String(dateObj.getMinutes()).padStart(2, '0');
 
-  return {
-    time: `${hours}:${minutes}`,
-    date: `${year}年${month}月${day}日`,
-  };
+    return {
+        time: `${hours}:${minutes}`,
+        date: `${year}年${month}月${day}日`,
+    };
 }
 
 function getTimeStatus(startTimeStr, endTimeStr) {
-  const now = new Date();
-  const startTime = new Date(startTimeStr);
-  const endTime = new Date(endTimeStr);
+    const now = new Date();
+    const startTime = new Date(startTimeStr);
+    const endTime = new Date(endTimeStr);
 
-  // 判断状态：0 开始中，1 过期，2 待开始
-  let status = 0;
-  let statusText = '开始中';
-  if (now < startTime) {
-    status = 2; // 待开始
-    statusText = '待开始';
-  } else if (now > endTime) {
-    status = 1; // 已过期
-    statusText = '已过期';
-  } else {
-    status = 0; // 进行中
-    statusText = '进行中';
-  }
-  return {
-    status, // 0: 进行中，1: 已过期，2: 待开始
-    statusText,
-  };
+    // 判断状态：0 开始中，1 过期，2 待开始
+    let status = 0;
+    let statusText = '开始中';
+    if (now < startTime) {
+        status = 2; // 待开始
+        statusText = '待开始';
+    } else if (now > endTime) {
+        status = 1; // 已过期
+        statusText = '已过期';
+    } else {
+        status = 0; // 进行中
+        statusText = '进行中';
+    }
+    return {
+        status, // 0: 进行中，1: 已过期，2: 待开始
+        statusText,
+    };
 }
 
 function getHoursBetween(startTimeStr, endTimeStr) {
-  const start = new Date(startTimeStr);
-  const end = new Date(endTimeStr);
+    const start = new Date(startTimeStr);
+    const end = new Date(endTimeStr);
 
-  const diffMs = end - start;
-  const diffHours = diffMs / (1000 * 60 * 60);
+    const diffMs = end - start;
+    const diffHours = diffMs / (1000 * 60 * 60);
 
-  return +diffHours.toFixed(2); // 保留 2 位小数
+    return +diffHours.toFixed(2); // 保留 2 位小数
 }
 
 const selectDate = (item) => {
-  if (currentDay.value?.fullDate === item.fullDate) {
-    // currentDay.value = {};
-    // getFair('refresh');
-    return;
-  }
-  currentDay.value = item;
-  getFair('refresh');
+    if (currentDay.value?.fullDate === item.fullDate) {
+        // currentDay.value = {};
+        // getFair('refresh');
+        return;
+    }
+    currentDay.value = item;
+    getFair('refresh');
 };
 
 function getNextDates({ startDate = '', count = 6 }) {
-  const baseDate = startDate ? new Date(startDate) : new Date(); // 指定起点或今天
-  const dates = [];
-  const dayNames = ['日', '一', '二', '三', '四', '五', '六'];
+    const baseDate = startDate ? new Date(startDate) : new Date(); // 指定起点或今天
+    const dates = [];
+    const dayNames = ['日', '一', '二', '三', '四', '五', '六'];
 
-  for (let i = 0; i < count; i++) {
-    const date = new Date(baseDate);
-    date.setDate(baseDate.getDate() + i);
+    for (let i = 0; i < count; i++) {
+        const date = new Date(baseDate);
+        date.setDate(baseDate.getDate() + i);
 
-    const fullDate = date.toISOString().slice(0, 10); // YYYY-MM-DD
-    const formattedDate = fullDate.slice(5); // MM-DD
-    const dayOfWeek = dayNames[date.getDay()];
+        const fullDate = date.toISOString().slice(0, 10); // YYYY-MM-DD
+        const formattedDate = fullDate.slice(5); // MM-DD
+        const dayOfWeek = dayNames[date.getDay()];
 
-    dates.push({
-      date: formattedDate,
-      fullDate,
-      day: '周' + dayOfWeek,
-    });
-  }
+        dates.push({
+            date: formattedDate,
+            fullDate,
+            day: '周' + dayOfWeek,
+        });
+    }
 
-  // 可选设置默认选中项
-  // currentDay.value = dates[0];
+    // 可选设置默认选中项
+    // currentDay.value = dates[0];
 
-  return dates;
+    return dates;
 }
 </script>
 
@@ -344,8 +349,6 @@ function getNextDates({ startDate = '', count = 6 }) {
     .container-header {
         background: url('@/static/icon/background2.png') 0 0 no-repeat;
         background-size: 100% 400rpx;
-        box-sizing: border-box;
-        padding-top: calc(var(--window-top) + var(--status-bar-height));
         .header-top{
             display: flex;
             line-height: calc(88rpx - 14rpx);

pages/chat/chat.vue

@@ -15,7 +15,7 @@
                         placeholder-class="input-placeholder"
                         placeholder="请输入搜索历史对话"
                     />
-                    <uni-icons class="input-search" type="search" size="20"></uni-icons>
+                    <my-icons class="input-search" type="search" size="40"></my-icons>
                 </view>
                 <scroll-view scroll-y :show-scrollbar="false" class="chat-scroll">
                     <view
@@ -63,15 +63,15 @@
                 <ai-paging ref="paging"></ai-paging>
             </view>
             <!-- 自定义tabbar -->
-            <!-- <view class="chatmain-footer" v-show="!isDrawerOpen">
+            <view class="chatmain-footer" v-show="!isDrawerOpen && showTabbar">
                 <Tabbar :currentpage="2"></Tabbar>
-            </view> -->
+            </view>
         </view>
     </view>
 </template>
 
 <script setup>
-import { ref, inject, nextTick, computed } from 'vue';
+import { ref, inject, nextTick, computed, watch } from 'vue';
 const { $api, navTo, insertSortData } = inject('globalFunction');
 import { onLoad, onShow, onHide } from '@dcloudio/uni-app';
 import Tabbar from '@/components/tabbar/midell-box.vue';
@@ -88,6 +88,19 @@ import config from '@/config';
 const searchText = ref('');
 const paging = ref(null);
 
+import useScreenStore from '@/stores/useScreenStore';
+const screenStore = useScreenStore();
+
+const showTabbar = ref(false);
+
+watch(
+    () => screenStore.isWideScreen,
+    (newVal) => {
+        showTabbar.value = newVal;
+    },
+    { immediate: true }
+);
+
 // 实时过滤
 const filteredList = computed(() => {
     // console.log(tabeList.value);
@@ -111,7 +124,7 @@ onHide(() => {
     paging.value?.handleTouchCancel();
     if (isDrawerOpen.value) {
         isDrawerOpen.value = false;
-        uni.showTabBar();
+        if (!screenStore.isWideScreen) uni.showTabBar();
     }
 });
 
@@ -120,7 +133,7 @@ const toggleDrawer = () => {
     if (isDrawerOpen.value) {
         uni.hideTabBar();
     } else {
-        uni.showTabBar();
+        if (!screenStore.isWideScreen) uni.showTabBar();
     }
 };
 

pages/chat/components/ai-paging.vue

@@ -185,7 +185,7 @@
             <!-- btn -->
             <CollapseTransition :show="showfile">
                 <view class="area-tips">
-                    <uni-icons type="info-filled" color="#ADADAD" size="15"></uni-icons>
+                    <my-icons type="info-filled" color="#ADADAD" size="30"></my-icons>
                     上传后自动解析简历内容
                 </view>
                 <view class="area-file">
@@ -233,7 +233,7 @@
                                 <!-- <image class="file-icon" @click="jumpUrl(file)" :src=""></image> -->
                             </view>
                             <view class="file-del" catchtouchmove="true" @click="delfile(file)">
-                                <uni-icons type="closeempty" color="#FFFFFF" size="10"></uni-icons>
+                                <my-icons type="closeempty" color="#FFFFFF" size="20"></my-icons>
                             </view>
                         </view>
                     </view>
@@ -267,6 +267,8 @@ import AudioWave from './AudioWave.vue';
 import WaveDisplay from './WaveDisplay.vue';
 import FileIcon from './fileIcon.vue';
 import FileText from './fileText.vue';
+import useScreenStore from '@/stores/useScreenStore'
+const screenStore = useScreenStore();
 // 系统功能hook和阿里云hook
 import { useAudioRecorder } from '@/hook/useRealtimeRecorder2.js';
 // import { useAudioRecorder } from '@/hook/useSystemSpeechReader.js';
@@ -446,7 +448,7 @@ const scrollToBottom = throttle(function () {
 }, 500);
 
 function getGuess() {
-    $api.chatRequest('/app/chat/guest', { sessionId: chatSessionID.value }, 'POST').then((res) => {
+    $api.createRequest('/app/chat/guest', { sessionId: chatSessionID.value }, 'POST').then((res) => {
         guessList.value = res.data;
         showGuess.value = true;
         nextTick(() => {
@@ -619,14 +621,14 @@ function confirmFeeBack(value) {
     useChatGroupDBStore()
         .badFeedback(feebackData.value, value)
         .then(() => {
-            uni.showTabBar()
+            if (!screenStore.isWideScreen) uni.showTabBar()
             feeback.value?.close();
             feeBackTips.value?.open();
         });
 }
 
 function colseFeeBack() {
-    uni.showTabBar()
+     if (!screenStore.isWideScreen) uni.showTabBar()
 }
 
 function readMarkdown(value, index) {
@@ -898,6 +900,7 @@ image-margin-top = 40rpx
     position: relative
     background: #F5F5F5;
     border-radius: 60rpx 60rpx 60rpx 60rpx;
+    font-size: 28rpx;
 }
 .input_vio
     flex: 1;

pages/index/components/AIMatch.vue

@@ -1,385 +1,395 @@
 <template>
-  <view>
-    <view class="container" id="pixi-box" ref="pixiContainerRef"></view>
-
-    <!-- renderjs 通信组件 -->
-    <view style="display: none" :change:random="appModule.initPixi" :random="random" />
-  </view>
+    <view class="out">
+        <view v-if="loading" class="loading">
+            <view class="semicircle-loader"></view>
+        </view>
+        <view v-else class="container" id="pixi-box" ref="pixiContainerRef"></view>
+    </view>
 </template>
 
-<script>
-export default {
-  data: () => ({
-    random: 0,
-  }),
-  mounted() {
-    this.triggerRender();
-  },
-  methods: {
-    triggerRender() {
-      this.random++;
-    },
-    tagClick(tagData) {
-      this.$emit('tag-click', tagData);
-    },
-  },
-};
-</script>
+<script setup>
+import { onMounted, onUnmounted, ref, nextTick, watch } from 'vue';
 
-<script module="appModule" lang="renderjs">
-import * as PIXI from "pixi.js";
+const props = defineProps({
+    tags: {
+        type: Array,
+        default: [],
+    },
+    loading: {
+        type: Boolean,
+        default: false,
+    },
+});
+const emit = defineEmits(['tag-click']);
+
+// DOM Ref
+const pixiContainerRef = ref(null);
 
 // PIXI 变量
+let app = null;
 let tagsContainer = null;
 let activeTagInstances = [];
 
 // 配置数据
-const mockTags = [
-  { name: "医生", bgColor: 0x0069fe, fontColor: 0xffffff, size: 17, opacity: 1.0, angle: 0, radius: 0 },
-  {
-    name: "工程师",
-    bgColor: 0x87e2ec,
-    fontColor: 0xffffff,
-    size: 14,
-    opacity: 1,
-    angle: -Math.PI / 2,
-    radius: 68,
-    tailRotation: Math.PI / 2,
-  },
-  {
-    name: "建筑师",
-    bgColor: 0xffebeb,
-    tailColor: 0xffe1e1,
-    fontColor: 0xff6969,
-    size: 11.5,
-    opacity: 1,
-    angle: -Math.PI / 4.2,
-    radius: 125,
-    tailRotation: (3 * Math.PI) / 4,
-  },
-  {
-    name: "律师",
-    bgColor: 0x21ea85,
-    fontColor: 0xffffff,
-    size: 15,
-    opacity: 1,
-    angle: -Math.PI / 10,
-    radius: 130,
-    tailRotation: (3 * Math.PI) / 4,
-  },
-  {
-    name: "记者",
-    bgColor: 0xebf3ff,
-    tailColor: 0xb9d3ff,
-    fontColor: 0x1d71ef,
-    size: 12,
-    opacity: 1,
-    angle: Math.PI / 120,
-    radius: 130,
-    tailRotation: (3 * Math.PI) / 3.4,
-  },
-  {
-    name: "程序员",
-    bgColor: 0xffd4b6,
-    fontColor: 0xffffff,
-    size: 14,
-    opacity: 1,
-    angle: Math.PI / 7,
-    radius: 120,
-    tailRotation: (5 * Math.PI) / 4,
-  },
-  {
-    name: "摄影师",
-    bgColor: 0xd8e5fe,
-    tailColor: 0xb9d3ff,
-    fontColor: 0x1d71ef,
-    size: 11,
-    opacity: 1,
-    angle: Math.PI / 3,
-    radius: 79,
-    tailRotation: (3 * Math.PI) / 2,
-  },
-  {
-    name: "设计师",
-    bgColor: 0xff9400,
-    fontColor: 0xffffff,
-    size: 14,
-    opacity: 1,
-    angle: (2 * Math.PI) / 3,
-    radius: 92,
-    tailRotation: (7 * Math.PI) / 4,
-  },
-  {
-    name: "心理咨询师",
-    bgColor: 0xebf3ff,
-    tailColor: 0xb9d3ff,
-    fontColor: 0x1d71ef,
-    size: 10.5,
-    opacity: 1,
-    angle: (5.4 * Math.PI) / 6,
-    radius: 110,
-    tailRotation: (3 * Math.PI) / 1.78,
-  },
-  {
-    name: "护士",
-    bgColor: 0xff6969,
-    fontColor: 0xffffff,
-    size: 15,
-    opacity: 1,
-    angle: (6.3 * Math.PI) / 5.9,
-    radius: 110,
-    tailRotation: Math.PI / 4,
-  },
-  {
-    name: "会计",
-    bgColor: 0xfce9c9,
-    fontColor: 0xfbc55f,
-    size: 13,
-    opacity: 1,
-    angle: (7.2 * Math.PI) / 5.9,
-    radius: 120,
-    tailRotation: Math.PI / 4,
-  },
-];
+const tagsConfig = ref([
+    { bgColor: 0x0069fe, fontColor: 0xffffff, size: 16, opacity: 1.0, angle: 0, radius: 0 },
+    {
+        bgColor: 0x87e2ec,
+        fontColor: 0xffffff,
+        size: 14,
+        opacity: 1,
+        angle: -Math.PI / 2,
+        radius: 68,
+        tailRotation: Math.PI / 2,
+    },
+    {
+        bgColor: 0xffebeb,
+        tailColor: 0xffe1e1,
+        fontColor: 0xff6969,
+        size: 11.5,
+        opacity: 1,
+        angle: -Math.PI / 4.2,
+        radius: 125,
+        tailRotation: (3 * Math.PI) / 4.5,
+    },
+    {
+        bgColor: 0x21ea85,
+        fontColor: 0xffffff,
+        size: 15,
+        opacity: 1,
+        angle: -Math.PI / 10,
+        radius: 130,
+        tailRotation: (3 * Math.PI) / 4.2,
+    },
+    {
+        bgColor: 0xebf3ff,
+        tailColor: 0xb9d3ff,
+        fontColor: 0x1d71ef,
+        size: 12,
+        opacity: 1,
+        angle: Math.PI / 18,
+        radius: 135,
+        tailRotation: (3 * Math.PI) / 4.3,
+    },
+    {
+        bgColor: 0xffd4b6,
+        fontColor: 0xffffff,
+        size: 14,
+        opacity: 1,
+        angle: Math.PI / 4.3,
+        radius: 100,
+        tailRotation: -(3 * Math.PI) / 4.5,
+    },
+
+    {
+        bgColor: 0xff9400,
+        fontColor: 0xffffff,
+        size: 14,
+        opacity: 1,
+        angle: (2 * Math.PI) / 3,
+        radius: 92,
+        tailRotation: -Math.PI / 2.4,
+    },
+    {
+        bgColor: 0xebf3ff,
+        tailColor: 0xb9d3ff,
+        fontColor: 0x1d71ef,
+        size: 10.5,
+        opacity: 1,
+        angle: (5.4 * Math.PI) / 6,
+        radius: 110,
+        tailRotation: (3 * Math.PI) / 1.79,
+    },
+    {
+        bgColor: 0xff6969,
+        fontColor: 0xffffff,
+        size: 14,
+        opacity: 1,
+        angle: (6.3 * Math.PI) / 5.8,
+        radius: 120,
+        tailRotation: Math.PI / 2.9,
+    },
+    {
+        bgColor: 0xfce9c9,
+        fontColor: 0xfbc55f,
+        size: 13,
+        opacity: 1,
+        angle: (7.2 * Math.PI) / 5.9,
+        radius: 120,
+        tailRotation: Math.PI / 3,
+    },
+]);
+
+watch(
+    () => props.tags,
+    (val) => {
+        if (val && val.length) {
+            tagsConfig.value.map((tag, index) => {
+                // console.log(val[index])
+                tag.name = val[index]?.job_name;
+            });
+            setTimeout(() => {
+                initPixi();
+            }, 100);
+        }
+    },
+    { deep: true }
+);
+
+onMounted(async () => {
+    window.addEventListener('resize', handleResize);
+});
+
+onUnmounted(() => {
+    window.removeEventListener('resize', handleResize);
+    if (app) {
+        app.destroy(true, { children: true, texture: true, baseTexture: true });
+        app = null;
+    }
+});
+
+const getContainerDOM = () => {
+    const refVal = pixiContainerRef.value;
+    if (!refVal) return document.getElementById('pixi-box');
+    if (refVal.$el) return refVal.$el;
+    return refVal;
+};
 
 const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
 
-export default {
-  data() {
-    return {
-      app:null
-    }
-  },
-  beforeDestroy() {
-    if (this.app) {
-        this.app.destroy(true, { children: true, texture: true, baseTexture: true });
-        this.app = null;
-    }
-    window.removeEventListener("resize", this.handleResize());
-  },
+const initPixi = () => {
+    const container = getContainerDOM();
+    if (!container) return;
 
-  methods: {
-    async initPixi (random) {
-      if(!random) return
-      const container =  document.querySelector('#pixi-box');
-      if (!container) return;
-      const width = container.clientWidth || 300;
-      const height = container.clientHeight || 300;
-      console.log(width,height);
+    const width = container.clientWidth || 300;
+    const height = container.clientHeight || 300;
 
-      if (this.app) return;
+    if (app) return;
 
-      this.app = new PIXI.Application({
+    app = new PIXI.Application({
         width: width,
         height: height,
         backgroundAlpha: 0,
         backgroundColor: 0xf5f7fa,
         antialias: true,
-        resolution: window?.devicePixelRatio ?? 1,
+        resolution: window.devicePixelRatio || 1,
         autoDensity: true,
-      });
-      this.app.view.style.touchAction = "auto";
-
-      container.appendChild(this.app.view);
-
-      tagsContainer = new PIXI.Container();
-      this.app.stage.addChild(tagsContainer);
-
-      this.renderScene(width, height);
-      window.addEventListener("resize", this.handleResize());
-    },
- renderScene (sw, sh) {
-  tagsContainer.removeChildren();
-  activeTagInstances = [];
-
-  const baseSize = 375;
-  const scaleFactor = (Math.min(sw, sh) / baseSize) * 0.9;
-
-  mockTags.forEach((data, index) => {
-    const scaledRadius = data.radius * (scaleFactor < 1 ? 1 : scaleFactor * 0.8);
-
-    let x = sw / 2 + scaledRadius * Math.cos(data.angle);
-    let y = sh / 2 + scaledRadius * Math.sin(data.angle);
-
-    const tag = this.createTag(data, index);
-
-    tagsContainer.addChild(tag);
-
-    const safeW = tag.width / 2 + 10;
-    const safeH = tag.height / 2 + 10;
-
-    // 强制修正 x 和 y，使其不超出屏幕
-    x = clamp(x, safeW, sw - safeW);
-    y = clamp(y, safeH, sh - safeH);
-
-    tag.x = x;
-    tag.y = y;
-
-    // 4. 保存元数据
-    tag.userData = {
-      originalX: x,
-      originalY: y,
-      angle: data.angle,
-      radius: scaledRadius,
-      floatOffset: Math.random() * Math.PI * 2,
-      floatSpeed: 0.01 + Math.random() * 0.02,
-      floatRange: 2 + Math.random() * 2,
-      safeH: safeH,
-    };
-
-    if (data.radius > 0) {
-      const tail = this.createCometTail(data.tailColor || data.bgColor, data.tailRotation, tag.width);
-      tag.addChildAt(tail, 0);
-      tag.updateTail = () => tail.updateAnim();
-    }
-
-    activeTagInstances.push(tag);
-  });
-
-  // 动画循环
-  this.app.ticker.add(() => {
-    const screenH = this.app.screen.height;
-
-    activeTagInstances.forEach((tag) => {
-      const meta = tag.userData;
-      if (meta) {
-        // 计算新的浮动位置
-        meta.floatOffset += meta.floatSpeed;
-        let nextY = meta.originalY + Math.sin(meta.floatOffset) * meta.floatRange;
-
-        // 再次进行边界检查
-        if (nextY < meta.safeH) nextY = meta.safeH;
-        if (nextY > screenH - meta.safeH) nextY = screenH - meta.safeH;
-
-        tag.y = nextY;
-
-        if (tag.updateTail) tag.updateTail();
-      }
     });
-  });
-},
+    app.view.style.touchAction = 'auto';
 
- createTag (tagData, index) {
-  const tagGroup = new PIXI.Container();
-  tagGroup.eventMode = "static";
-  tagGroup.cursor = "pointer";
+    container.appendChild(app.view);
 
-  tagGroup.on("pointertap", () =>{
-    this.$ownerInstance.callMethod('tagClick', tagData);
-  });
-  const text = new PIXI.Text(tagData.name, {
-    fontFamily: ["PingFang SC", "Microsoft YaHei", "Arial"],
-    fontSize: tagData.size,
-    fill: tagData.fontColor,
-    padding: 4,
-    resolution: 2,
-  });
-  text.anchor.set(0.5);
+    tagsContainer = new PIXI.Container();
+    app.stage.addChild(tagsContainer);
 
-  const paddingH = 26;
-  const paddingV = 10;
-  let bgWidth = text.width + paddingH;
-  let bgHeight = text.height + paddingV;
+    renderScene(width, height);
+};
 
-  if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
+const renderScene = (sw, sh) => {
+    let ratio = window.innerWidth / 400;
+    if (ratio < 1) ratio = 1;
+    tagsContainer.removeChildren();
+    activeTagInstances = [];
 
-  const bg = new PIXI.Graphics();
-  bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
-  bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
-  bg.endFill();
+    tagsConfig.value.forEach((data, index) => {
+        const scaledRadius = data.radius * ratio;
 
-  tagGroup.addChild(bg);
-  tagGroup.addChild(text);
+        let x = sw / 2 + scaledRadius * Math.cos(data.angle);
+        let y = sh / 2 + scaledRadius * Math.sin(data.angle);
 
-  return tagGroup;
-},
+        const tag = createTag(data, index, ratio);
 
- createCometTail  (bgColor, tailRotation, parentWidth) {
-  const tailGroup = new PIXI.Container();
-  const graphics = new PIXI.Graphics();
-  tailGroup.addChild(graphics);
+        tagsContainer.addChild(tag);
 
-  const baseLength = 45;
-  const startWidth = parentWidth * 0.6;
-  const endWidth = 20;
+        const safeW = tag.width / 2 + 10;
+        const safeH = tag.height / 2 + 10;
 
-  let breathPhase = Math.random() * Math.PI * 2;
-  const breathSpeed = 0.04;
+        // 强制修正 x 和 y，使其不超出屏幕
+        x = clamp(x, safeW, sw - safeW);
+        y = clamp(y, safeH, sh - safeH);
 
-  tailGroup.updateAnim = () => {
-    breathPhase += breathSpeed;
-    const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
-    graphics.clear();
-    const currentLength = baseLength * breathScale;
+        tag.x = x;
+        tag.y = y;
 
-    const cos = Math.cos(tailRotation);
-    const sin = Math.sin(tailRotation);
-    const perpX = -sin;
-    const perpY = cos;
+        // 4. 保存元数据
+        tag.userData = {
+            originalX: x,
+            originalY: y,
+            angle: data.angle,
+            radius: scaledRadius,
+            floatOffset: Math.random() * Math.PI * 2,
+            floatSpeed: 0.01 + Math.random() * 0.02,
+            floatRange: 2 + Math.random() * 2,
+            safeH: safeH,
+        };
 
-    const p1 = { x: perpX * (startWidth / 2), y: perpY * (startWidth / 2) };
-    const p2 = { x: -perpX * (startWidth / 2), y: -perpY * (startWidth / 2) };
-    const endCX = cos * currentLength;
-    const endCY = sin * currentLength;
-    const p3 = { x: endCX - perpX * (endWidth / 2), y: endCY - perpY * (endWidth / 2) };
-    const p4 = { x: endCX + perpX * (endWidth / 2), y: endCY + perpY * (endWidth / 2) };
+        if (data.radius > 0) {
+            const tail = createCometTail(
+                data.tailColor || data.bgColor,
+                data.tailRotation,
+                tag.width,
+                tag.height,
+                ratio
+            );
+            tag.addChildAt(tail, 0);
+            tag.updateTail = () => tail.updateAnim();
+        }
 
-    const segments = 8;
-    for (let i = 0; i < segments; i++) {
-      const t1 = i / segments;
-      const t2 = (i + 1) / segments;
-      const alpha = 0.4 * (1 - t1);
-      const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
-      const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
-      const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
-      const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
-      graphics.beginFill(bgColor, alpha);
-      graphics.moveTo(sp1.x, sp1.y);
-      graphics.lineTo(sp2.x, sp2.y);
-      graphics.lineTo(ep2.x, ep2.y);
-      graphics.lineTo(ep1.x, ep1.y);
-      graphics.endFill();
-    }
-  };
-  tailGroup.updateAnim();
-  return tailGroup;
-},
+        activeTagInstances.push(tag);
+    });
 
- handleResize () {
-  const container =  document.querySelector('#pixi-box');
-  if (!this.app || !container) return;
-  const w = container.clientWidth || 300;
-  const h = container.clientHeight || 300;
+    // 动画循环
+    app.ticker.add(() => {
+        const screenH = app.screen.height;
+        activeTagInstances.forEach((tag) => {
+            const meta = tag.userData;
+            if (meta) {
+                // 计算新的浮动位置
+                meta.floatOffset += meta.floatSpeed;
+                let nextY = meta.originalY + Math.sin(meta.floatOffset) * meta.floatRange;
 
-  this.app.renderer.resize(w, h);
+                // 再次进行边界检查
+                if (nextY < meta.safeH) nextY = meta.safeH;
+                if (nextY > screenH - meta.safeH) nextY = screenH - meta.safeH;
 
-  activeTagInstances.forEach((tag) => {
-    const meta = tag.userData;
-    if (!meta) return;
+                tag.y = nextY;
 
-    let newX = w / 2 + meta.radius * Math.cos(meta.angle);
-    let newY = h / 2 + meta.radius * Math.sin(meta.angle);
+                if (tag.updateTail) tag.updateTail();
+            }
+        });
+    });
+};
 
-    const safeW = tag.width / 2 + 10;
-    const safeH = tag.height / 2 + 10;
+const createTag = (tagData, index, ratio) => {
+    if (ratio > 1) ratio = ratio * 0.9;
+    const tagGroup = new PIXI.Container();
+    tagGroup.eventMode = 'static';
+    tagGroup.cursor = 'pointer';
 
-    meta.originalX = clamp(newX, safeW, w - safeW);
-    meta.originalY = clamp(newY, safeH, h - safeH);
-    meta.safeH = safeH; // 更新安全高度
+    tagGroup.on('pointertap', () => emit('tag-click', tagData));
 
-    tag.x = meta.originalX;
-  });
-},
-  }
-}
+    const text = new PIXI.Text(tagData.name, {
+        fontFamily: ['PingFang SC', 'Microsoft YaHei', 'Arial'],
+        fontSize: tagData.size * ratio,
+        fill: tagData.fontColor,
+        padding: 4 * ratio,
+        resolution: 2,
+    });
+    text.anchor.set(0.5);
+
+    const paddingH = 26 * ratio;
+    const paddingV = 10 * ratio;
+    let bgWidth = text.width + paddingH;
+    let bgHeight = text.height + paddingV;
+
+    if (index === 0) bgWidth = Math.max(bgWidth, tagData.size * 4.5);
+
+    const bg = new PIXI.Graphics();
+    bg.beginFill(tagData.bgColor, tagData.opacity ?? 1);
+    bg.drawRoundedRect(-bgWidth / 2, -bgHeight / 2, bgWidth, bgHeight, bgHeight / 2);
+    bg.endFill();
+
+    tagGroup.addChild(bg);
+    tagGroup.addChild(text);
+
+    return tagGroup;
+};
+
+const createCometTail = (bgColor, tailRotation, parentWidth, parentHeight, ratio) => {
+    if (ratio > 1) ratio = ratio;
+    const tailGroup = new PIXI.Container();
+    const graphics = new PIXI.Graphics();
+    tailGroup.addChild(graphics);
+
+    const baseLength = 45 * ratio;
+    const startWidth = parentHeight + 20 * ratio;
+    const endWidth = parentHeight * 0.4;
+
+    let breathPhase = Math.random() * Math.PI * 2;
+    const breathSpeed = 0.04;
+
+    tailGroup.updateAnim = () => {
+        breathPhase += breathSpeed;
+        const breathScale = 0.85 + 0.15 * Math.sin(breathPhase);
+        graphics.clear();
+        const currentLength = baseLength * breathScale;
+
+        const cos = Math.cos(tailRotation);
+        const sin = Math.sin(tailRotation);
+        const perpX = -sin;
+        const perpY = cos;
+
+        const p1 = { x: perpX * (startWidth / 2), y: perpY * (startWidth / 2) };
+        const p2 = { x: -perpX * (startWidth / 2), y: -perpY * (startWidth / 2) };
+        const endCX = cos * currentLength;
+        const endCY = sin * currentLength;
+        const p3 = { x: endCX - perpX * (endWidth / 2), y: endCY - perpY * (endWidth / 2) };
+        const p4 = { x: endCX + perpX * (endWidth / 2), y: endCY + perpY * (endWidth / 2) };
+
+        const segments = 8;
+        for (let i = 0; i < segments; i++) {
+            const t1 = i / segments;
+            const t2 = (i + 1) / segments;
+            const alpha = 0.4 * (1 - t1);
+            const sp1 = { x: p1.x + (p4.x - p1.x) * t1, y: p1.y + (p4.y - p1.y) * t1 };
+            const sp2 = { x: p2.x + (p3.x - p2.x) * t1, y: p2.y + (p3.y - p2.y) * t1 };
+            const ep1 = { x: p1.x + (p4.x - p1.x) * t2, y: p1.y + (p4.y - p1.y) * t2 };
+            const ep2 = { x: p2.x + (p3.x - p2.x) * t2, y: p2.y + (p3.y - p2.y) * t2 };
+            graphics.beginFill(bgColor, alpha);
+            graphics.moveTo(sp1.x, sp1.y);
+            graphics.lineTo(sp2.x, sp2.y);
+            graphics.lineTo(ep2.x, ep2.y);
+            graphics.lineTo(ep1.x, ep1.y);
+            graphics.endFill();
+        }
+    };
+    tailGroup.updateAnim();
+    return tailGroup;
+};
+
+const handleResize = () => {
+    const container = getContainerDOM();
+    if (!app || !container) return;
+    app.destroy(true, { children: true, texture: true, baseTexture: true });
+    app = null;
+    initPixi();
+};
 </script>
 
 <style scoped>
+.out {
+    width: 100%;
+    height: 100%;
+}
+.loading {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.semicircle-loader {
+    width: 150rpx;
+    height: 150rpx;
+    border: 12rpx solid #f3f3f3;
+    border-top: 12rpx solid #3498db;
+    border-radius: 50%;
+    animation: spin 1.2s linear infinite;
+}
+
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
 .container {
-  width: 100%;
-  height: 500rpx;
-  position: relative;
-  overflow: hidden;
-  color: #b9d3ff;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    color: #b9d3ff;
 }
 </style>

pages/index/components/index-one.vue

@@ -3,7 +3,7 @@
         <view class="nav-hidden hidden-animation" :class="{ 'hidden-height': isScrollingDown }">
             <view class="container-search">
                 <view class="search-input button-click" @click="navTo('/pages/search/search')">
-                    <uni-icons class="iconsearch" color="#666666" type="search" size="18"></uni-icons>
+                    <my-icons class="iconsearch" color="#666666" type="search" size="32"></my-icons>
                     <text class="inpute">职位名称、薪资要求等</text>
                 </view>
                 <!-- <view class="chart button-click">职业图谱</view> -->
@@ -42,7 +42,7 @@
                     </view>
                 </scroll-view>
                 <view class="jobs-add button-click" @click="navTo('/packageA/pages/addPosition/addPosition')">
-                    <uni-icons class="iconsearch" color="#666D7F" type="plusempty" size="18"></uni-icons>
+                    <my-icons class="iconsearch" color="#666D7F" type="plusempty" size="32"></my-icons>
                     <text>添加</text>
                 </view>
             </view>
@@ -121,7 +121,7 @@
                                     </view>
                                     <!--  <view class="falls-card-matchingrate">
                                         <view class=""><matchingDegree :job="job"></matchingDegree></view>
-                                        <uni-icons type="star" size="30"></uni-icons>
+                                        <my-icons type="star" size="60"></my-icons>
                                     </view> -->
                                 </view>
                             </view>
@@ -292,7 +292,7 @@ function nextDetail(job) {
         const recordData = recommedIndexDb.JobParameter(job);
         recommedIndexDb.addRecord(recordData);
     }
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
 }
 
 function openFilter() {

pages/index/components/index-two.vue

@@ -23,7 +23,7 @@
                     </view>
                 </scroll-view>
                 <view class="jobs-add button-click" @click="navTo('/pages/search/search')">
-                    <uni-icons class="iconsearch" color="#666D7F" type="search" size="18"></uni-icons>
+                    <my-icons class="iconsearch" color="#666D7F" type="search" size="36"></my-icons>
                     <text>搜索</text>
                 </view>
             </view>
@@ -55,7 +55,7 @@
                                     <view class="title">{{ job.jobTitle }}</view>
                                     <view class="desc">
                                         <image class="point3" src="/static/icon/point3.png"></image>
-                                        <!-- <uni-icons type="location" size="14"></uni-icons> -->
+                                        <!-- <my-icons type="location" size="28"></my-icons> -->
                                         <view class="descText">{{ job.companyName }}</view>
                                     </view>
                                 </view>
@@ -166,7 +166,7 @@ function nextDetail(job) {
         const recordData = recommedIndexDb.JobParameter(job);
         recommedIndexDb.addRecord(recordData);
     }
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
 }
 
 function nextVideo(job) {
@@ -208,8 +208,7 @@ defineExpose({ loadData });
             }
 
 .nav-filter
-    padding: 16rpx 28rpx 30rpx 28rpx;
-    padding-top:calc(var(--window-top) + var(--status-bar-height) + 20rpx);
+    padding: 16rpx 28rpx 30rpx 28rpx
     .filter-top
         display: flex
         justify-content: space-between;

pages/index/index.vue

@@ -1,54 +1,59 @@
 <template>
-  <view class="app-custom-root">
-    <view class="container">
-      <!-- 主体内容区域 -->
-      <view class="container-main">
-        <swiper class="swiper" :disable-touch="disableTouch" :current="state.current" @change="changeSwiperType">
-          <!-- 绑定首页和尾页 -->
-          <swiper-item
-            @touchstart.passive="handleTouchStart"
-            @touchmove.passive="handleTouchMove"
-            @touchend="disableTouch = false"
-            class="swiper-item"
-            v-for="(_, index) in 2"
-            :key="index"
-          >
-            <!-- #ifndef MP-WEIXIN -->
-            <component
-              :is="components[index]"
-              @onShowTabbar="changeShowTabbar"
-              :ref="(el) => handelComponentsRef(el, index)"
-            />
-            <!-- #endif -->
-            <!-- #ifdef MP-WEIXIN -->
-            <IndexOne
-              v-show="currentIndex === 0"
-              @onShowTabbar="changeShowTabbar"
-              :ref="(el) => handelComponentsRef(el, index)"
-            />
-            <IndexTwo
-              v-show="currentIndex === 1"
-              @onShowTabbar="changeShowTabbar"
-              :ref="(el) => handelComponentsRef(el, index)"
-            />
-            <!-- #endif -->
-          </swiper-item>
-        </swiper>
-      </view>
+    <view class="app-custom-root">
+        <view class="app-container">
+            <!-- 主体内容区域 -->
+            <view class="container-main">
+                <swiper
+                    class="swiper"
+                    :disable-touch="disableTouch"
+                    :current="state.current"
+                    @change="changeSwiperType"
+                >
+                    <!-- 绑定首页和尾页 -->
+                    <swiper-item
+                        @touchstart.passive="handleTouchStart"
+                        @touchmove.passive="handleTouchMove"
+                        @touchend="disableTouch = false"
+                        class="swiper-item"
+                        v-for="(_, index) in 2"
+                        :key="index"
+                    >
+                        <!-- #ifndef MP-WEIXIN -->
+                        <component
+                            :is="components[index]"
+                            @onShowTabbar="changeShowTabbar"
+                            :ref="(el) => handelComponentsRef(el, index)"
+                        />
+                        <!-- #endif -->
+                        <!-- #ifdef MP-WEIXIN -->
+                        <IndexOne
+                            v-show="currentIndex === 0"
+                            @onShowTabbar="changeShowTabbar"
+                            :ref="(el) => handelComponentsRef(el, index)"
+                        />
+                        <IndexTwo
+                            v-show="currentIndex === 1"
+                            @onShowTabbar="changeShowTabbar"
+                            :ref="(el) => handelComponentsRef(el, index)"
+                        />
+                        <!-- #endif -->
+                    </swiper-item>
+                </swiper>
+            </view>
 
-      <!-- <Tabbar v-show="showTabbar" :currentpage="0"></Tabbar> -->
+            <Tabbar v-show="showTabbar" :currentpage="0"></Tabbar>
 
-      <!-- maskFristEntry -->
-      <view class="maskFristEntry" v-if="maskFristEntry">
-        <view class="entry-content">
-          <text class="text1">左滑查看视频</text>
-          <text class="text2">快去体验吧～</text>
-          <view class="goExperience" @click="goExperience">去体验</view>
-          <view class="maskFristEntry-Close" @click="closeFristEntry"></view>
+            <!-- maskFristEntry -->
+            <view class="maskFristEntry" v-if="maskFristEntry">
+                <view class="entry-content">
+                    <text class="text1">左滑查看视频</text>
+                    <text class="text2">快去体验吧～</text>
+                    <view class="goExperience" @click="goExperience">去体验</view>
+                    <view class="maskFristEntry-Close" @click="closeFristEntry"></view>
+                </view>
+            </view>
         </view>
-      </view>
     </view>
-  </view>
 </template>
 
 <script setup>
@@ -58,6 +63,12 @@ import { onLoad, onShow } from '@dcloudio/uni-app';
 import IndexRefactor from './components/index-refactor.vue';
 import IndexOne from './components/index-one.vue';
 import IndexTwo from './components/index-two.vue';
+import useScreenStore from '@/stores/useScreenStore'
+
+const screenStore = useScreenStore()
+const {isWideScreen} = screenStore
+
+
 const loadedMap = reactive([false, false]);
 const swiperRefs = [ref(null), ref(null)];
 // const components = [IndexOne, IndexTwo];
@@ -65,7 +76,7 @@ const components = [IndexRefactor, IndexTwo];
 import { storeToRefs } from 'pinia';
 import { useReadMsg } from '@/stores/useReadMsg';
 const { unreadCount } = storeToRefs(useReadMsg());
-const showTabbar = ref(true);
+const showTabbar = ref(false);
 const maskFristEntry = ref(false);
 
 const disableTouch = ref(false);
@@ -73,135 +84,154 @@ const startPointX = ref(0);
 const totalPage = 2;
 const THRESHOLD = 5;
 
+watch(
+    () => screenStore.isWideScreen,
+    (newVal) => {
+        showTabbar.value = newVal
+    },
+    { immediate: true }
+)
+
+
 onLoad(() => {
-  // 判断浏览器是否有 fristEntry 第一次进入
-  let fristEntry = uni.getStorageSync('fristEntry') === false ? false : true; // 默认未读
-  maskFristEntry.value = fristEntry;
-  if (fristEntry) {
-    uni.hideTabBar();
-  }
-  // 预加载较重页面
-  setTimeout(() => {
-    uni.preloadPage({ url: '/packageA/pages/post/post' });
-    uni.preloadPage({ url: '/pages/nearby/nearby' });
-    uni.preloadPage({ url: '/pages/chat/chat' });
-    uni.preloadPage({ url: '/packageA/pages/choiceness/choiceness' });
-    uni.preloadPage({ url: '/packageA/pages/reservation/reservation' });
-    uni.preloadPage({ url: '/packageA/pages/Intendedposition/Intendedposition' });
-  }, 1000);
+    // 判断浏览器是否有 fristEntry 第一次进入
+    let fristEntry = uni.getStorageSync('fristEntry') === false ? false : true; // 默认未读
+    maskFristEntry.value = fristEntry
+    if (fristEntry) {
+        if(!isWideScreen)uni.hideTabBar();
+        else showTabbar.value = false
+    }else{
+        if(isWideScreen)showTabbar.value = true
+    }
+    // 预加载较重页面
+    setTimeout(() => {
+        uni.preloadPage({ url: '/packageA/pages/post/post' });
+        uni.preloadPage({ url: '/pages/nearby/nearby' });
+        uni.preloadPage({ url: '/pages/chat/chat' });
+        uni.preloadPage({ url: '/packageA/pages/choiceness/choiceness' });
+        uni.preloadPage({ url: '/packageA/pages/reservation/reservation' });
+        uni.preloadPage({ url: '/packageA/pages/Intendedposition/Intendedposition' });
+    }, 1000);
 });
 
 onShow(() => {
-  // 获取消息列表
-  // useReadMsg().fetchMessages();
+    // 获取消息列表
+    // useReadMsg().fetchMessages();
 });
 
 const state = reactive({
-  current: 0,
-  all: [{}],
+    current: 0,
+    all: [{}],
 });
 
 onMounted(() => {
-  handleTabChange(state.current);
+    handleTabChange(state.current);
 });
 
 const handelComponentsRef = (el, index) => {
-  if (el) {
-    swiperRefs[index].value = el;
-  }
+    if (el) {
+        swiperRefs[index].value = el;
+    }
 };
 
 function handleTouchStart(e) {
-  startPointX.value = e.touches[0].clientX;
-  disableTouch.value = false;
+    startPointX.value = e.touches[0].clientX;
+    disableTouch.value = false;
 }
 function handleTouchMove(e) {
-  const currentX = e.touches[0].clientX;
-  const diffX = currentX - startPointX.value;
+    const currentX = e.touches[0].clientX;
+    const diffX = currentX - startPointX.value;
 
-  if (state.current === 0) {
-    if (diffX > THRESHOLD) {
-      disableTouch.value = true;
-    } else {
-      disableTouch.value = false;
+    if (state.current === 0) {
+        if (diffX > THRESHOLD) {
+            disableTouch.value = true;
+        } else {
+            disableTouch.value = false;
+        }
+        return;
     }
-    return;
-  }
-  if (state.current === totalPage - 1) {
-    if (diffX < -THRESHOLD) {
-      disableTouch.value = true;
-    } else {
-      disableTouch.value = false;
+    if (state.current === totalPage - 1) {
+        if (diffX < -THRESHOLD) {
+            disableTouch.value = true;
+        } else {
+            disableTouch.value = false;
+        }
+        return;
     }
-    return;
-  }
 
-  disableTouch.value = false;
+    disableTouch.value = false;
 }
 
 function changeShowTabbar(val) {
-  showTabbar.value = val;
+    if(isWideScreen){
+        showTabbar.value=val
+    }else{
+        if(val)uni.showTabBar()
+        else uni.hideTabBar()
+    }
 }
 
 //1  查看消息类型
 function changeSwiperType(e) {
-  const newIndex = e.detail.current;
-  const lastIndex = state.current;
+    const newIndex = e.detail.current;
+    const lastIndex = state.current;
 
-  const isSwipingRight = newIndex < lastIndex;
-  const isSwipingLeft = newIndex > lastIndex;
+    const isSwipingRight = newIndex < lastIndex;
+    const isSwipingLeft = newIndex > lastIndex;
 
-  if (lastIndex === 0 && isSwipingRight) {
-    disableTouch.value = true;
-    state.current = 0;
-    setTimeout(() => {
-      disableTouch.value = false;
-    }, 50);
-    return;
-  }
+    if (lastIndex === 0 && isSwipingRight) {
+        disableTouch.value = true;
+        state.current = 0;
+        setTimeout(() => {
+            disableTouch.value = false;
+        }, 50);
+        return;
+    }
 
-  if (lastIndex === totalPage - 1 && isSwipingLeft) {
-    disableTouch.value = true;
-    state.current = lastIndex;
+    if (lastIndex === totalPage - 1 && isSwipingLeft) {
+        disableTouch.value = true;
+        state.current = lastIndex;
 
-    setTimeout(() => {
-      disableTouch.value = false;
-    }, 50);
-    return;
-  }
+        setTimeout(() => {
+            disableTouch.value = false;
+        }, 50);
+        return;
+    }
 
-  const index = e.detail.current;
-  state.current = index;
-  handleTabChange(index);
-  disableTouch.value = false;
+    const index = e.detail.current;
+    state.current = index;
+    handleTabChange(index);
+    disableTouch.value = false;
 }
 function changeType(index) {
-  state.current = index;
-  handleTabChange(index);
+    state.current = index;
+    handleTabChange(index);
 }
 
 function handleTabChange(index) {
-  if (!loadedMap[index]) {
-    swiperRefs[index].value?.loadData();
-    loadedMap[index] = true;
-  }
+    if (!loadedMap[index]) {
+        swiperRefs[index].value?.loadData();
+        loadedMap[index] = true;
+    }
 }
 
 function changeSwiperMsgType(e) {
-  const currented = e.detail.current;
-  state.current = currented;
+    const currented = e.detail.current;
+    state.current = currented;
 }
 // mask
 function closeFristEntry() {
-  uni.setStorageSync('fristEntry', false);
-  maskFristEntry.value = false;
-  uni.showTabBar();
+    uni.setStorageSync('fristEntry', false);
+    maskFristEntry.value = false;
+    if(!isWideScreen)uni.showTabBar();
+    else showTabbar.value=true
 }
 
 function goExperience() {
-  closeFristEntry();
-  uni.showTabBar();
-  state.current = 1;
+    closeFristEntry();
+    if(!isWideScreen)uni.showTabBar();
+    else showTabbar.value = true
+    state.current = 1;
 }
 </script>
 
@@ -213,7 +243,7 @@ function goExperience() {
     height: calc(100% - var(--window-bottom));
     overflow: hidden;
 }
-.container {
+.app-container {
     display: flex;
     flex-direction: column;
     height: 100%;

pages/login/login.vue

@@ -1,6 +1,60 @@
 <template>
     <AppLayout title="就业服务程序">
-        <tabcontrolVue :current="tabCurrent">
+        <!-- 扫码登录-->
+        <view class="alipay-login-container" v-if="isMachineEnv">
+            <view class="login-scan-area">
+                <view class="login-title">支付宝扫码登录</view>
+                <view class="qrcode-container">
+                    <view class="qrcode-wrapper" @click="refreshQrcode">
+                        <view class="qrcode-border">
+                            <view class="qrcode-content">
+                                <view class="qrcode-pattern">
+                                    <image
+                                        class="qrcode-img"
+                                        src="@/static/icon/qrcode-example.png"
+                                        mode="scaleToFill"
+                                    />
+                                    <view class="qrcode-corner top-left"></view>
+                                    <view class="qrcode-corner top-right"></view>
+                                    <view class="qrcode-corner bottom-left"></view>
+                                    <view class="scan-line" :style="{ top: scanLineTop + 'rpx' }"></view>
+                                </view>
+
+                                <!-- 二维码过期提示 -->
+                                <view v-if="qrcodeExpired" class="expired-overlay">
+                                    <text class="expired-text">二维码已过期</text>
+                                    <view class="refresh-btn" @click.stop="refreshQrcode">
+                                        <text class="refresh-text">点击刷新</text>
+                                    </view>
+                                </view>
+                            </view>
+                        </view>
+
+                        <view class="qrcode-tips">
+                            <text class="tips-text">使用支付宝扫一扫登录</text>
+                            <text class="tips-subtext">扫一扫后点击确认完成登录</text>
+                        </view>
+                    </view>
+                </view>
+                <!-- 刷新提示 -->
+                <view class="refresh-tips" v-if="countdown > 0">
+                    <view class="countdown-text">
+                        <span class="countdown-num">{{ countdown }}</span>
+                        秒后二维码过期
+                    </view>
+                </view>
+            </view>
+            <!-- 扫码成功提示 -->
+            <view v-if="showSuccessTip" class="success-tip">
+                <view class="success-content">
+                    <view class="success-icon">✓</view>
+                    <text class="success-text">登录成功！</text>
+                </view>
+            </view>
+        </view>
+
+        <!-- 正常登录-->
+        <tabcontrolVue v-else :current="tabCurrent">
             <template v-slot:tab0>
                 <view class="login-content">
                     <image class="logo" src="@/static/logo.png"></image>
@@ -111,20 +165,22 @@
         <SelectJobs ref="selectJobsModel"></SelectJobs>
         <!-- 后门 -->
         <view class="backdoor" @click="loginbackdoor">
-            <uni-icons type="gift-filled" size="30"></uni-icons>
+            <my-icons type="gift-filled" size="60"></my-icons>
         </view>
     </AppLayout>
 </template>
 
 <script setup>
+import { storeToRefs } from 'pinia';
 import tabcontrolVue from './components/tabcontrol.vue';
 import SelectJobs from '@/components/selectJobs/selectJobs.vue';
-import { reactive, inject, watch, ref, onMounted } from 'vue';
+import { reactive, inject, watch, ref, onMounted, onUnmounted } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
 import useUserStore from '@/stores/useUserStore';
 import useDictStore from '@/stores/useDictStore';
 const { $api, navTo } = inject('globalFunction');
 const { loginSetToken, getUserResume } = useUserStore();
+const { isMachineEnv } = storeToRefs(useUserStore());
 const { getDictSelectOption, oneDictData } = useDictStore();
 const openSelectPopup = inject('openSelectPopup');
 // status
@@ -152,12 +208,71 @@ const fromValue = reactive({
     experience: '1',
 });
 
+// 扫码登录相关状态
+const qrcodeExpired = ref(false);
+const scanLineTop = ref(0);
+const countdown = ref(0);
+let scanInterval = null;
+let countdownTimer = null;
+// 登录成功提示
+const showSuccessTip = ref(false);
+
 onLoad((parmas) => {
     getTreeselect();
-    $api.msg('请完善微简历');
+    if (!isMachineEnv.value) $api.msg('请完善微简历');
 });
 
-onMounted(() => {});
+onMounted(() => {
+    startScanAnimation();
+    resetCountdown();
+    // 模拟扫码成功
+    setTimeout(() => {
+        //   showSuccessTip.value=true
+    }, 5000);
+});
+onUnmounted(() => {
+    showSuccessTip.value = false;
+    stopScanAnimation();
+    clearInterval(countdownTimer);
+});
+
+// 刷新二维码
+const refreshQrcode = () => {
+    qrcodeExpired.value = false;
+    resetCountdown();
+    startScanAnimation();
+    // TODO
+};
+
+// 重置倒计时
+const resetCountdown = () => {
+    countdown.value = 60;
+    clearInterval(countdownTimer);
+
+    countdownTimer = setInterval(() => {
+        if (countdown.value > 0) {
+            countdown.value--;
+        } else {
+            qrcodeExpired.value = true;
+            clearInterval(countdownTimer);
+            stopScanAnimation();
+        }
+    }, 1000);
+};
+
+// 开始扫描动画
+const startScanAnimation = () => {
+    clearInterval(scanInterval);
+
+    scanInterval = setInterval(() => {
+        scanLineTop.value = (scanLineTop.value + 2) % 300;
+    }, 30);
+};
+
+// 停止扫描动画
+const stopScanAnimation = () => {
+    clearInterval(scanInterval);
+};
 
 function changeSex(sex) {
     fromValue.sex = sex;
@@ -250,6 +365,11 @@ function getTreeselect() {
 }
 
 function loginbackdoor() {
+    if (isMachineEnv.value) {
+        useUserStore().logOutApp();
+        $api.msg('返回首页');
+        return;
+    }
     $api.createRequest('/app/mock/login', {}, 'post').then((resData) => {
         $api.msg('模拟帐号密码测试登录成功');
         loginSetToken(resData.token).then((resume) => {
@@ -311,11 +431,454 @@ function complete() {
 }
 </script>
 
+<style lang="scss" scoped>
+.alipay-login-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+/* 扫码登录区域样式 */
+.login-scan-area {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 0 40rpx;
+}
+
+.login-title {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: #1677ff;
+    margin-bottom: 40rpx;
+    text-align: center;
+}
+
+.qrcode-container {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 40rpx;
+}
+
+.qrcode-wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.qrcode-border {
+    width: 400rpx;
+    height: 400rpx;
+    background-color: #fff;
+    border-radius: 20rpx;
+    padding: 20rpx;
+    box-shadow: 0 8rpx 30rpx rgba(22, 119, 255, 0.1);
+    margin-bottom: 30rpx;
+    position: relative;
+}
+
+.qrcode-content {
+    width: 100%;
+    height: 100%;
+    background-color: #f8f8f8;
+    border-radius: 10rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.qrcode-pattern {
+    width: 300rpx;
+    height: 300rpx;
+    background-color: #fff;
+    position: relative;
+}
+.qrcode-img {
+    width: 100%;
+    height: 100%;
+}
+
+.qrcode-corner {
+    position: absolute;
+    width: 60rpx;
+    height: 60rpx;
+    border: 6rpx solid #1677ff;
+
+    &.top-left {
+        top: 0;
+        left: 0;
+        border-right: none;
+        border-bottom: none;
+        border-radius: 10rpx 0 0 0;
+    }
+
+    &.top-right {
+        top: 0;
+        right: 0;
+        border-left: none;
+        border-bottom: none;
+        border-radius: 0 10rpx 0 0;
+    }
+
+    &.bottom-left {
+        bottom: 0;
+        left: 0;
+        border-right: none;
+        border-top: none;
+        border-radius: 0 0 0 10rpx;
+    }
+}
+
+.scan-line {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 6rpx;
+    background: linear-gradient(90deg, transparent, #1677ff, transparent);
+    z-index: 10;
+}
+
+.expired-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+    border-radius: 10rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    z-index: 20;
+}
+
+.expired-text {
+    font-size: 32rpx;
+    color: #fff;
+    margin-bottom: 30rpx;
+}
+
+.refresh-btn {
+    padding: 16rpx 40rpx;
+    background-color: #1677ff;
+    border-radius: 50rpx;
+}
+
+.refresh-text {
+    font-size: 28rpx;
+    color: #fff;
+}
+
+.qrcode-tips {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.tips-text {
+    font-size: 28rpx;
+    color: #333;
+    margin-bottom: 10rpx;
+}
+
+.tips-subtext {
+    font-size: 24rpx;
+    color: #666;
+}
+
+.refresh-tips {
+    margin-bottom: 40rpx;
+}
+
+.countdown-text {
+    font-size: 24rpx;
+    color: #999;
+    display: flex;
+    align-items: center;
+}
+.countdown-num {
+    margin-right: 5rpx;
+    color: #1677ff;
+    font-size: 30rpx;
+}
+
+.switch-method {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 30rpx 0;
+    border-top: 1rpx solid #f0f0f0;
+}
+
+.switch-text {
+    font-size: 28rpx;
+    color: #666;
+}
+
+.switch-btn {
+    display: flex;
+    align-items: center;
+}
+
+.btn-text {
+    font-size: 28rpx;
+    color: #1677ff;
+    margin-right: 10rpx;
+}
+
+.icon-arrow {
+    font-size: 28rpx;
+    color: #1677ff;
+}
+
+/* 账号密码登录区域样式 */
+.login-password-area {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    padding: 0 40rpx;
+}
+
+.password-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 60rpx;
+}
+
+.back-btn {
+    width: 60rpx;
+    height: 60rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 20rpx;
+}
+
+.icon-back {
+    font-size: 36rpx;
+    color: #333;
+}
+
+.login-form {
+    width: 100%;
+}
+
+.form-item {
+    margin-bottom: 40rpx;
+    position: relative;
+}
+
+.item-label {
+    font-size: 28rpx;
+    color: #333;
+    margin-bottom: 20rpx;
+}
+
+.item-input {
+    width: 100%;
+    height: 80rpx;
+    background-color: #f8f8f8;
+    border-radius: 10rpx;
+    padding: 0 24rpx;
+    font-size: 28rpx;
+    color: #333;
+}
+
+.input-placeholder {
+    color: #999;
+    font-size: 28rpx;
+}
+
+.forget-password {
+    position: absolute;
+    right: 0;
+    top: 0;
+    font-size: 26rpx;
+    color: #1677ff;
+}
+
+.login-btn {
+    width: 100%;
+    height: 90rpx;
+    background-color: #1677ff;
+    border-radius: 50rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 60rpx;
+
+    &.disabled {
+        background-color: #a0cfff;
+    }
+}
+
+.login-btn-text {
+    font-size: 32rpx;
+    color: #fff;
+    font-weight: 500;
+}
+
+.agreement {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40rpx;
+    flex-wrap: wrap;
+}
+
+.agreement-checkbox {
+    margin-right: 10rpx;
+}
+
+.checkbox-icon {
+    width: 32rpx;
+    height: 32rpx;
+    border-radius: 6rpx;
+    border: 2rpx solid #ddd;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &.checked {
+        background-color: #1677ff;
+        border-color: #1677ff;
+    }
+}
+
+.checkmark {
+    font-size: 24rpx;
+    color: #fff;
+}
+
+.agreement-text {
+    font-size: 24rpx;
+    color: #666;
+    margin-right: 6rpx;
+}
+
+.agreement-link {
+    font-size: 24rpx;
+    color: #1677ff;
+    margin-right: 6rpx;
+}
+
+.other-login {
+    margin-top: 80rpx;
+}
+
+.other-title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 50rpx;
+}
+
+.title-line {
+    flex: 1;
+    height: 1rpx;
+    background-color: #eee;
+}
+
+.title-text {
+    font-size: 24rpx;
+    color: #999;
+    margin: 0 20rpx;
+}
+
+.login-methods {
+    display: flex;
+    justify-content: center;
+    gap: 100rpx;
+}
+
+.method-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.method-icon {
+    width: 100rpx;
+    height: 100rpx;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 40rpx;
+    color: #fff;
+    margin-bottom: 20rpx;
+
+    &.scan-icon {
+        background-color: #1677ff;
+    }
+
+    &.sms-icon {
+        background-color: #52c41a;
+    }
+}
+
+.method-text {
+    font-size: 24rpx;
+    color: #666;
+}
+
+/* 登录成功提示 */
+.success-tip {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1000;
+}
+
+.success-content {
+    background-color: #fff;
+    border-radius: 20rpx;
+    padding: 60rpx 80rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.success-icon {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 50%;
+    background-color: #52c41a;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 60rpx;
+    color: #fff;
+    margin-bottom: 30rpx;
+}
+
+.success-text {
+    font-size: 32rpx;
+    color: #333;
+}
+</style>
+
 <style lang="stylus" scoped>
 .backdoor{
     position: fixed;
     left: 24rpx;
-    top: 100rpx;
+    top: 10rpx;
 }
 .input-nx
     position: relative

pages/mine/mine.vue

@@ -62,7 +62,7 @@
                         <text class="left-text">素质测评</text>
                     </view>
                     <view class="row-right">
-                        <uni-icons color="#909090" type="right" size="14"></uni-icons>
+                        <my-icons color="#909090" type="right" size="28"></my-icons>
                     </view>
                 </view>
                 <view class="main-row btn-feel" @click="handleItemClick('模拟面试')">
@@ -71,7 +71,7 @@
                         <text class="left-text">AI面试</text>
                     </view>
                     <view class="row-right">
-                        <uni-icons color="#909090" type="right" size="14"></uni-icons>
+                        <my-icons color="#909090" type="right" size="28"></my-icons>
                     </view>
                 </view>
                 <view class="main-row btn-feel">
@@ -82,7 +82,7 @@
                     <view class="row-right">已开启</view>
                 </view>
             </view>
-            <!-- <view class="card-back button-click" @click="logOut">退出登录</view> -->
+            <view class="card-back button-click" v-if="isMachineEnv" @click="logOut">退出登录</view>
             <uni-popup ref="popup" type="dialog">
                 <uni-popup-dialog
                     mode="base"
@@ -95,9 +95,9 @@
                 ></uni-popup-dialog>
             </uni-popup>
         </view>
-        <!-- <template #footer>
-            <Tabbar :currentpage="4"></Tabbar>
-        </template> -->
+        <template #footer>
+            <Tabbar v-show="showTabbar" :currentpage="4"></Tabbar>
+        </template>
     </AppLayout>
 </template>
 
@@ -110,8 +110,22 @@ import FileUploader from '@/utils/FileUploader.js';
 import config from '@/config';
 const { $api, navTo } = inject('globalFunction');
 import useUserStore from '@/stores/useUserStore';
+
 const popup = ref(null);
-const { userInfo, Completion, counts } = storeToRefs(useUserStore());
+const { userInfo, Completion, counts, isMachineEnv } = storeToRefs(useUserStore());
+
+import useScreenStore from '@/stores/useScreenStore';
+const screenStore = useScreenStore();
+
+const showTabbar = ref(false);
+
+watch(
+    () => screenStore.isWideScreen,
+    (newVal) => {
+        showTabbar.value = newVal;
+    },
+    { immediate: true }
+);
 
 function logOut() {
     popup.value.open();
@@ -341,4 +355,4 @@ const handleItemClick = (item) => {
     border-radius: 2rpx
     background: #A2A2A2;
     transform: rotate(45deg)
-</style>
+</style>

pages/msglog/msglog.vue

@@ -40,7 +40,7 @@
                 </swiper>
             </view>
 
-            <!-- <Tabbar :currentpage="3"></Tabbar> -->
+            <Tabbar v-show="showTabbar" :currentpage="3"></Tabbar>
         </view>
     </view>
 </template>
@@ -58,6 +58,19 @@ import { storeToRefs } from 'pinia';
 import { useReadMsg } from '@/stores/useReadMsg';
 const { unreadCount } = storeToRefs(useReadMsg());
 
+import useScreenStore from '@/stores/useScreenStore'
+const screenStore = useScreenStore()
+
+const showTabbar = ref(false)
+
+watch(
+    () => screenStore.isWideScreen,
+    (newVal) => {
+        showTabbar.value = newVal
+    },
+    { immediate: true }
+)
+
 const disableTouch = ref(false);
 const startPointX = ref(0);
 const totalPage = 2;
@@ -180,14 +193,16 @@ function changeSwiperMsgType(e) {
     height: 100%;
     width: 100%;
     .container-header {
+        height: calc(88rpx - 14rpx);
+        text-align: center;
+        line-height: calc(88rpx - 14rpx);
+        font-size: 32rpx;
         display: flex;
         flex-direction: row;
         align-items: center;
         padding: 16rpx 44rpx 36rpx 44rpx;
         background: url('@/static/icon/msgTopbg.png') 0 0 no-repeat;
         background-size: 100% 100%;
-        box-sizing: border-box;
-        padding-top: calc(var(--window-top) + var(--status-bar-height) + 20rpx);
         .header-title {
             color: #000000;
             font-weight: bold;

pages/nearby/components/four.vue

@@ -5,7 +5,7 @@
                 <text>热门商圈</text>
                 <text class="color_333333 button-click" @click="handleOpenBusinessDistrict">
                     更多
-                    <uni-icons type="forward" color="#333333" size="14"></uni-icons>
+                    <my-icons type="forward" color="#333333" size="28"></my-icons>
                 </text>
             </view>
             <scroll-view class="scroll-head" :scroll-x="true" :scroll-into-view="activeTab" :show-scrollbar="false">
@@ -46,7 +46,7 @@
                         </view>
                     </scroll-view>
                     <view class="jobs-add button-click" @click="navTo('/packageA/pages/addPosition/addPosition')">
-                        <uni-icons class="iconsearch" color="#666D7F" type="plusempty" size="18"></uni-icons>
+                        <my-icons class="iconsearch" color="#666D7F" type="plusempty" size="36"></my-icons>
                         <text>添加</text>
                     </view>
                 </view>

pages/nearby/components/one.vue

@@ -2,7 +2,7 @@
     <scroll-view :scroll-y="true" class="nearby-scroll" @scrolltolower="scrollBottom">
         <view class="nearby-map" @touchmove.stop.prevent>
             <map
-                style="width: 100%; height: 400px"
+                style="width: 100%; height:410rpx "
                 :latitude="latitudeVal"
                 :longitude="longitudeVal"
                 :markers="mapCovers"
@@ -51,7 +51,7 @@
                         </view>
                     </scroll-view>
                     <view class="jobs-add button-click" @click="navTo('/packageA/pages/addPosition/addPosition')">
-                        <uni-icons class="iconsearch" color="#666D7F" type="plusempty" size="18"></uni-icons>
+                        <my-icons class="iconsearch" color="#666D7F" type="plusempty" size="36"></my-icons>
                         <text>添加</text>
                     </view>
                 </view>
@@ -362,11 +362,11 @@ defineExpose({ loadData, handleFilterConfirm });
     height: 100%;
     background: #f4f4f4;
     .nearby-map
-        height: 767rpx;
+        height: 400rpx;
         background: #e8e8e8;
         overflow: hidden
 .nearby-list
-    min-height: calc(100% - 384rpx)
+    min-height: calc(100% - 400rpx)
     background: #f4f4f4
     display: flex;
     flex-direction: column;

pages/nearby/components/three.vue

@@ -72,7 +72,7 @@
                         </view>
                     </scroll-view>
                     <view class="jobs-add button-click" @click="navTo('/packageA/pages/addPosition/addPosition')">
-                        <uni-icons class="iconsearch" color="#666D7F" type="plusempty" size="18"></uni-icons>
+                        <my-icons class="iconsearch" color="#666D7F" type="plusempty" size="36"></my-icons>
                         <text>添加</text>
                     </view>
                 </view>
@@ -160,7 +160,7 @@ onLoad(() => {
 });
 
 function navToPost(jobId) {
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(jobId)}`);
 }
 
 async function loadData() {

pages/nearby/components/two.vue

@@ -42,7 +42,7 @@
                         </view>
                     </scroll-view>
                     <view class="jobs-add button-click" @click="navTo('/packageA/pages/addPosition/addPosition')">
-                        <uni-icons class="iconsearch" color="#666D7F" type="plusempty" size="18"></uni-icons>
+                        <my-icons class="iconsearch" color="#666D7F" type="plusempty" size="36"></my-icons>
                         <text>添加</text>
                     </view>
                 </view>

pages/search/search.vue

@@ -9,13 +9,13 @@
                     @click="navBack"
                 ></image>
                 <view class="search-box">
-                    <uni-icons
+                    <my-icons
                         class="iconsearch"
                         color="#666666"
                         type="search"
-                        size="18"
+                        size="36"
                         @confirm="searchCollection"
-                    ></uni-icons>
+                    ></my-icons>
                     <input
                         class="inputed"
                         type="text"
@@ -73,7 +73,7 @@
             <view class="content-top">
                 <view class="top-left">历史搜索</view>
                 <view class="top-right button-click" @click="remove">
-                    <uni-icons type="trash" color="#C1C1C1" size="20"></uni-icons>
+                    <my-icons type="trash" color="#C1C1C1" size="40"></my-icons>
                 </view>
             </view>
             <view class="content-history">
@@ -155,7 +155,11 @@ const { columnCount, columnSpace } = useColumnCount(() => {
     });
 });
 
-onLoad(() => {
+onLoad((options) => {
+    if(options.keyWord){
+        searchValue.value = decodeURIComponent(options.keyWord)
+        searchBtn()
+    }
     let arr = uni.getStorageSync('searchList');
     if (arr) {
         historyList.value = uni.getStorageSync('searchList');
@@ -231,7 +235,7 @@ function nextDetail(job) {
         const recordData = recommedIndexDb.JobParameter(job);
         recommedIndexDb.addRecord(recordData);
     }
-    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
 }
 
 function nextVideo(job) {

static/js/jsbridge.js

@@ -0,0 +1,69 @@
+(() => {
+    if (!/android/.test(navigator.userAgent.toLowerCase())) {
+        console.error("当前环境不支持WebView桥接通信, 请检查是否为安卓环境");
+        return
+    }
+    let bridge;
+    function setupWebViewJavascriptBridge(callback) {
+        return new Promise((reslove, reject) => {
+            if (window.WebViewJavascriptBridge) {
+                bridge = window.WebViewJavascriptBridge;
+                callback && callback()
+                reslove()
+            } else {
+                document.addEventListener(
+                    "WebViewJavascriptBridgeReady",
+                    function () {
+                        bridge = window.WebViewJavascriptBridge;
+                        callback && callback()
+                        reslove()
+                    },
+                    false
+                );
+            }
+        })
+    }
+    let funcs = {}
+    setupWebViewJavascriptBridge(() => {
+        bridge.init()
+        bridge.registerHandler("ampeHHCommunication", (data) => {
+            console.log('[zyh][registerHandler]',data);
+            data = JSON.parse(data || '{}');
+            let eventName = data.eventName || '{}';
+            let eventData = JSON.parse(data.eventData || '{}');
+            if (funcs[eventName]) {
+                for (let callback of funcs[eventName]) {
+                    callback({type: eventName, data: eventData})
+                }
+            }
+        });
+    })
+    window.hh = {
+        async call(funcName, params, callback) {
+            if (!bridge) {
+                await setupWebViewJavascriptBridge()
+            }
+            bridge.callHandler(funcName, params, callback);
+        },
+        async on(funcName, callback) {
+            if (funcs[funcName]) {
+                funcs[funcName].add(callback)
+            } else {
+                funcs[funcName] = new Set([callback])
+            }
+        },
+        off(funcName, callback) {
+            if (!funcs[funcName]) {
+                return false
+            }
+            if (!callback) {
+                return delete funcs[funcName]
+            }
+            let res = funcs[funcName].delete(callback)
+            if(funcs[funcName].size <= 0) {
+                delete funcs[funcName]
+            }
+            return res
+        }
+    };
+})();

stores/useLocationStore.js

@@ -14,26 +14,47 @@ const useLocationStore = defineStore("location", () => {
     const longitudeVal = ref(null) // 经度
     const latitudeVal = ref(null) //纬度
 
-    function getLocation() {
+    function getLocation() { // 获取经纬度两个平台
         return new Promise((resole, reject) => {
             try {
-                lightAppJssdk.map.getLocation({
-                    success: function(data) {
-                        longitudeVal.value = Number(data.longitude)
-                        latitudeVal.value = Number(data.latitude)
-                        resole(data)
-                    },
-                    fail: function(data) {
-                        longitudeVal.value = 120.382665
-                        latitudeVal.value = 36.066938
-                        resole({
-                            longitude: 120.382665,
-                            latitude: 36.066938
-                        })
-                        msg('用户位置获取失败')
-                        console.log('失败', data)
-                    }
-                })
+                if (lightAppJssdk.map) {
+                    lightAppJssdk.map.getLocation({
+                        success: function(data) {
+                            longitudeVal.value = Number(data.longitude)
+                            latitudeVal.value = Number(data.latitude)
+                            resole(data)
+                        },
+                        fail: function(data) {
+                            longitudeVal.value = 120.382665
+                            latitudeVal.value = 36.066938
+                            resole({
+                                longitude: 120.382665,
+                                latitude: 36.066938
+                            })
+                            msg('用户位置获取失败')
+                        }
+                    })
+                } else {
+                    uni.getLocation({
+                        type: 'gcj02',
+                        highAccuracyExpireTime: 3000,
+                        isHighAccuracy: true,
+                        success: function(data) {
+                            longitudeVal.value = Number(data.longitude)
+                            latitudeVal.value = Number(data.latitude)
+                            resole(data)
+                        },
+                        fail: function(data) {
+                            longitudeVal.value = 120.382665
+                            latitudeVal.value = 36.066938
+                            resole({
+                                longitude: 120.382665,
+                                latitude: 36.066938
+                            })
+                            msg('用户位置获取失败')
+                        }
+                    });
+                }
             } catch (e) {
                 longitudeVal.value = 120.382665
                 latitudeVal.value = 36.066938

stores/useScreenStore.js

@@ -0,0 +1,283 @@
+import { defineStore } from 'pinia';
+import { ref, computed } from 'vue';
+
+// 屏幕检测管理器类
+class ScreenDetectionManager {
+    constructor() {
+        this.WIDE_SCREEN_CSS_ID = 'wide-screen-css';
+        this.WIDE_SCREEN_CSS_PATH = '../common/wide-screen.css';
+        this.resizeTimer = null;
+        this.resizeListeners = [];
+        this.cssLink = null;
+    }
+
+    // 获取屏幕宽度
+    getScreenWidth() {
+        if (typeof window === 'undefined') return 0;
+        
+        // 优先使用 uni.getSystemInfo
+        if (typeof uni !== 'undefined' && uni.getSystemInfo) {
+            return new Promise((resolve) => {
+                uni.getSystemInfo({
+                    success: (res) => {
+                        const width = res.screenWidth || res.windowWidth || window.innerWidth;
+                        resolve(width);
+                    },
+                    fail: () => {
+                        resolve(this.getWindowWidth());
+                    }
+                });
+            });
+        }
+        
+        return Promise.resolve(this.getWindowWidth());
+    }
+
+    // 备用方案：使用 window 对象
+    getWindowWidth() {
+        if (typeof window === 'undefined') return 0;
+        return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+    }
+
+    // 检测折叠屏
+    checkVisualViewport() {
+        if (window.visualViewport?.segments?.length > 1) {
+            return {
+                foldable: true,
+                count: window.visualViewport.segments.length - 1
+            }
+        }
+        else {
+            return {
+                foldable: false,
+                count: 1
+            }
+        }
+    }
+
+    // 动态加载 CSS
+    loadWideScreenCSS() {
+        if (typeof window === 'undefined' || this.cssLink) return null;
+        
+        try {
+            this.cssLink = document.createElement('link');
+            this.cssLink.id = this.WIDE_SCREEN_CSS_ID;
+            this.cssLink.rel = 'stylesheet';
+            this.cssLink.href = this.WIDE_SCREEN_CSS_PATH;
+            
+            // 添加加载成功/失败监听
+            this.cssLink.onload = () => {
+                console.log('🎨 宽屏 CSS 文件加载成功');
+            };
+            
+            this.cssLink.onerror = () => {
+                console.error('❌ 宽屏 CSS 文件加载失败');
+                this.cssLink = null;
+            };
+            
+            document.head.appendChild(this.cssLink);
+            return this.cssLink;
+        } catch (error) {
+            console.error('加载 CSS 失败:', error);
+            this.cssLink = null;
+            return null;
+        }
+    }
+
+    // 移除 CSS
+    removeWideScreenCSS() {
+        if (this.cssLink && this.cssLink.parentNode) {
+            try {
+                this.cssLink.parentNode.removeChild(this.cssLink);
+                this.cssLink = null;
+                console.log('🗑️ 宽屏 CSS 文件已移除');
+                return true;
+            } catch (error) {
+                console.error('移除 CSS 失败:', error);
+                return false;
+            }
+        }
+        return false;
+    }
+
+    // 更新 CSS 状态
+    updateWideScreenCSS(isWideScreen) {
+        if (isWideScreen) {
+            return this.loadWideScreenCSS();
+        } else {
+            return this.removeWideScreenCSS();
+        }
+    }
+    //显示/隐藏默认tabbar
+    updateTabbar(isWideScreen){
+        if(isWideScreen) uni.hideTabBar()
+        else uni.showTabBar()
+    }
+
+    // 添加 resize 监听器
+    addResizeListener(callback, delay = 250) {
+        if (typeof window === 'undefined') return () => {};
+        
+        const handler = () => {
+            clearTimeout(this.resizeTimer);
+            this.resizeTimer = setTimeout(() => {
+                callback();
+            }, delay);
+        };
+        
+        window.addEventListener('resize', handler);
+        this.resizeListeners.push({ callback, handler });
+        
+        // 返回清理函数
+        return () => this.removeResizeListener(callback);
+    }
+
+    // 移除 resize 监听器
+    removeResizeListener(callback) {
+        const index = this.resizeListeners.findIndex(item => item.callback === callback);
+        if (index > -1) {
+            const { handler } = this.resizeListeners[index];
+            window.removeEventListener('resize', handler);
+            this.resizeListeners.splice(index, 1);
+        }
+    }
+
+
+}
+
+// 创建屏幕状态 store
+const useScreenStore = defineStore('screen', () => {
+    // 状态
+    const screenWidth = ref(0);
+    const isInitialized = ref(false);
+    const isLoading = ref(false);
+    const foldFeature = ref(false); 
+    const foldCount = ref(0);
+    
+    
+    const isWideScreen = computed(() => {
+        return screenWidth.value >= 900;
+    });
+
+
+
+
+    
+    // 管理器实例
+    const manager = new ScreenDetectionManager();
+
+    // 初始化屏幕检测
+    const initScreenDetection = async () => {
+        if (isLoading.value || isInitialized.value) return;
+        isLoading.value = true;
+        try {
+            // 检测屏幕状态
+            const width = await manager.getScreenWidth();
+            const { foldable, count } = manager.checkVisualViewport();
+
+            foldFeature.value = foldable;
+            foldCount.value = count;
+            screenWidth.value = width;
+            isInitialized.value = true;
+            
+            console.log(`📱 屏幕检测完成: ${width}px, 宽屏: ${isWideScreen.value}`);
+            console.log(`是否为折叠屏: ${foldFeature.value},折叠屏数量:${foldCount.value}`);
+            
+            // 根据状态加载或移除 CSS
+            manager.updateWideScreenCSS(isWideScreen.value);
+            manager.updateTabbar(isWideScreen.value);
+            
+            // 设置 resize 监听
+            setupResizeListener();
+            return { 
+                screenWidth: width, 
+                isWideScreen: isWideScreen.value,
+                foldable,
+                count 
+            };
+        } catch (error) {
+            console.error('初始化屏幕检测失败:', error);
+            return null;
+        } finally {
+            isLoading.value = false;
+        }
+    };
+
+    // 手动更新屏幕状态
+    const updateScreenStatus = async () => {
+        try {
+            const width = await manager.getScreenWidth();
+            const { foldable, count } = manager.checkVisualViewport();
+            
+            // 保存旧状态
+            const oldWidth = screenWidth.value;
+            const oldIsWideScreen = isWideScreen.value;
+            const oldFoldable = foldFeature.value;
+            const oldFoldCount = foldCount.value;
+            
+            // 更新状态
+            screenWidth.value = width;
+            foldFeature.value = foldable;
+            foldCount.value = count;
+            
+            // 检查宽屏状态是否发生变化
+            if (oldIsWideScreen !== isWideScreen.value) {
+                console.log(`🔄 屏幕状态变化: ${oldIsWideScreen ? '宽屏' : '非宽屏'} -> ${isWideScreen.value ? '宽屏' : '非宽屏'}`);
+                console.log(`屏幕宽度变化: ${oldWidth}px -> ${width}px`);
+                manager.updateWideScreenCSS(isWideScreen.value);
+                manager.updateTabbar(isWideScreen.value);
+            }
+            
+            // 检查折叠屏状态是否发生变化
+            if (oldFoldable !== foldable || oldFoldCount !== count) {
+                console.log(`折叠屏状态变化: ${oldFoldable ? '是' : '否'}->${foldable ? '是' : '否'}, 折叠数: ${oldFoldCount}->${count}`);
+            }
+            
+            return { 
+                screenWidth: width, 
+                isWideScreen: isWideScreen.value,
+                foldable,
+                count 
+            };
+        } catch (error) {
+            console.error('更新屏幕状态失败:', error);
+            return null;
+        }
+    };
+
+    // 设置 resize 监听
+    let cleanupResizeListener = () => {};
+    const setupResizeListener = () => {
+        if (typeof window === 'undefined') return;
+        
+        cleanupResizeListener = manager.addResizeListener(async () => {
+            await updateScreenStatus();
+        }, 300);
+    };
+
+    // 手动触发屏幕检测
+    const detectScreen = () => {
+        return updateScreenStatus();
+    };
+
+
+
+    return {
+        // 状态
+        foldFeature,
+        foldCount,
+        screenWidth,
+        isInitialized,
+        isLoading,
+        
+        // 响应式计算属性
+        isWideScreen,
+
+        // 方法
+        initScreenDetection,
+        updateScreenStatus,
+        detectScreen,
+    };
+});
+
+export default useScreenStore;

stores/useUserStore.js

@@ -18,6 +18,7 @@ import {
     msg,
     $api,
 } from '../common/globalFunction';
+import baseDB from '@/utils/db.js';
 
 // 简历完成度计算
 function getResumeCompletionPercentage(resume) {
@@ -59,6 +60,7 @@ const useUserStore = defineStore("user", () => {
     const seesionId = ref('')
     const counts = ref({})
     const isMiniProgram = ref(false)
+    const isMachineEnv = ref(false)
 
     const login = (value) => {
         hasLogin.value = true;
@@ -84,6 +86,20 @@ const useUserStore = defineStore("user", () => {
         });
     }
 
+    const logOutApp = () => {
+        hasLogin.value = false;
+        token.value = ''
+        resume.value = {}
+        userInfo.value = {}
+        role.value = {}
+        uni.clearStorageSync('userInfo')
+        uni.clearStorageSync('token')
+        uni.switchTab({
+            url: '/pages/index/index',
+        });
+    }
+
+
     const getUserInfo = () => {
         return new Promise((reslove, reject) => {
             createRequest('/getInfo', {}, 'get').then((userInfo) => {
@@ -110,7 +126,9 @@ const useUserStore = defineStore("user", () => {
         // 获取消息列表
         useReadMsg().fetchMessages()
         // 获取用户信息
-        return getUserResume()
+        const resume = await getUserResume()
+        await baseDB.init(); // 登录成功初始化
+        return resume
     }
 
     const setUserInfo = (values) => {
@@ -145,6 +163,9 @@ const useUserStore = defineStore("user", () => {
         isMiniProgram.value = val
     }
 
+    function changMachineEnv(val) {
+        isMachineEnv.value = val
+    }
 
     // 导入
     return {
@@ -154,6 +175,7 @@ const useUserStore = defineStore("user", () => {
         resume,
         login,
         logOut,
+        logOutApp,
         loginSetToken,
         getUserResume,
         initSeesionId,
@@ -162,7 +184,9 @@ const useUserStore = defineStore("user", () => {
         getUserstatistics,
         counts,
         isMiniProgram,
-        changMiniProgramAppStatus
+        changMiniProgramAppStatus,
+        changMachineEnv,
+        isMachineEnv
     }
 }, {
     unistorage: true,

stores/userChatGroupStore.js

@@ -34,11 +34,12 @@ const useChatGroupDBStore = defineStore("messageGroup", () => {
     const chatSessionID = ref('')
     const lastDateRef = ref('')
 
-    async function init() {
+    async function init() { // 初始化数据，有则用，无则更新
         // 获取所有数据
         setTimeout(async () => {
             if (!baseDB.isDBReady) await baseDB.initDB();
             const result = await baseDB.db.getAll(tableName.value);
+            console.log('result', result)
             // 1、判断是否有数据，没数据请求服务器
             if (result.length) {
                 console.warn('本地数据库存在数据')
@@ -216,7 +217,7 @@ const useChatGroupDBStore = defineStore("messageGroup", () => {
                 userBadFeedback: content,
             }
 
-            $api.chatRequest('/stepped', parmas, 'POST').then((res) => {
+            $api.createRequest('/stepped', parmas, 'POST').then((res) => {
                 baseDB.db.update(massageName.value, dbData) // 更新本地数据库
                 messages.value.forEach((item) => {
                     if (item.id === dbData.id) {
@@ -230,7 +231,7 @@ const useChatGroupDBStore = defineStore("messageGroup", () => {
 
     // 云端数据
     function getHistory() {
-        $api.chatRequest('/app/chat/getHistory').then((res) => {
+        $api.createRequest('/app/chat/getHistory').then((res) => {
             if (!res.data.list.length) return
             let tabel = parseHistory(res.data.list)
             if (tabel && tabel.length) {
@@ -250,14 +251,14 @@ const useChatGroupDBStore = defineStore("messageGroup", () => {
         const params = {
             sessionId: chatSessionID.value
         }
-        $api.chatRequest('/app/chat/detail', params, 'GET', loading).then((res) => {
+        $api.createRequest('/app/chat/detail', params, 'GET', loading).then((res) => {
             let list = parseHistoryDetail(res.data.list, chatSessionID.value)
             if (list.length) {
                 baseDB.db.add(massageName.value, list).then((ids) => {
                     messages.value = listAddId(list, ids)
                 });
             }
-            console.log('解析后：', list)
+            // console.log('解析后：', list)
         }).catch(() => {
             msg('请求出现异常，请联系工作人员')
         })

utils/db.js

@@ -1,24 +1,50 @@
-// BaseDBStore.js
 import IndexedDBHelper from '@/common/IndexedDBHelper.js'
-import UniStorageHelper from '../common/UniStorageHelper'
 import useChatGroupDBStore from '@/stores/userChatGroupStore'
 import config from '@/config'
 
 class BaseStore {
     db = null
     isDBReady = false
-    dbName = 'BrowsingHistory' //  'AppMainDB'
+    dbName = 'AppMainDB'
     initPromise = null
 
     constructor() {
-        this.initPromise = this.checkAndInitDB()
+        // 不再自动执行初始化
     }
 
-    async getDB() {
-        if (!this.initPromise) {
-            this.initPromise = this.checkAndInitDB();
+    /**
+     * 手动初始化入口、建立连接、如果版本号不对付才会清理
+     * 建议在登录成功后调用：await baseDB.init()
+     */
+    async init() {
+        // 如果已经有初始化任务在进行了，直接返回该任务
+        if (this.initPromise) {
+            return this.initPromise;
+        }
+
+        // 创建初始化任务
+        this.initPromise = this.checkAndInitDB();
+
+        try {
+            await this.initPromise;
+            console.log('数据库初始化成功');
+        } catch (error) {
+            this.initPromise = null; // 初始化失败允许下次重试
+            console.error('数据库初始化失败:', error);
+            throw error;
+        }
+
+        return this.db;
+    }
+
+    /**
+     * 获取数据库实例
+     * 如果没初始化，会强制触发一次 init
+     */
+    async getDB() {
+        if (!this.isDBReady) {
+            return await this.init();
         }
-        await this.initPromise; // 等待初始化完成
         return this.db;
     }
 
@@ -28,34 +54,28 @@ class BaseStore {
         }
         const localVersion = uni.getStorageSync('indexedDBVersion') || 1
         console.log('DBVersion: ', localVersion, config.DBversion)
-        if (localVersion === config.DBversion) {
-            return this.initDB() // 🟢 记得加 return
+
+        if (Number(localVersion) === Number(config.DBversion)) {
+            return this.initDB()
         } else {
-            console.log('清空本地数据库')
-            await this.clearDB() // 🟢 建议用 await
+            console.log('检测到版本更新，清空重置旧数据库')
+            await this.clearDB()
             uni.setStorageSync('indexedDBVersion', config.DBversion);
-            return this.initDB(); // 🟢 记得加 return
+            return this.initDB();
         }
     }
 
     initDB() {
-        // // #ifdef H5
         this.db = new IndexedDBHelper(this.dbName, config.DBversion);
-        // // #endif
-
-        // #ifdef APP-PLUS
-        this.db = new UniStorageHelper(this.dbName, ); 
-        // #endif
-
         return this.db.openDB([{
                 name: 'record',
                 keyPath: "id",
-                autoIncrement: true,
+                autoIncrement: true
             },
             {
                 name: 'messageGroup',
                 keyPath: "id",
-                autoIncrement: true,
+                autoIncrement: true
             },
             {
                 name: 'messages',
@@ -69,12 +89,12 @@ class BaseStore {
             },
             {
                 name: 'api_cache',
-                keyPath: "cacheKey", // 使用 URL+参数 作为主键
+                keyPath: "cacheKey",
                 indexes: []
             }
         ]).then(async () => {
-            // 这里原来的逻辑保留
             if (useChatGroupDBStore) {
+                // 确保 Pinia Store 已准备好后再初始化子项
                 useChatGroupDBStore().init()
             }
             this.isDBReady = true
@@ -83,13 +103,44 @@ class BaseStore {
     }
 
     async clearDB() {
-        return new Promise((resolve, rejetc) => {
-            new IndexedDBHelper().deleteDB(this.dbName).then(() => {
-                resolve()
-            })
-        })
+        // 修正拼写错误并优化 Promise 写法
+        return new IndexedDBHelper().deleteDB(this.dbName);
+    }
+
+    /**
+     * 彻底清空数据库并重新初始化
+     * 适用于切换账号或手动清理缓存
+     * 非特殊情况不要重置！！！！！！！！！！！！！！！
+     */
+    async resetAndReinit() {
+        console.warn('开始执行数据库重置...');
+
+        if (this.db && this.db.db) {
+            this.db.db.close();
+        }
+
+        try {
+            await this.clearDB();
+
+            // 3. 重置内部状态
+            this.db = null;
+            this.isDBReady = false;
+            this.initPromise = null;
+
+            uni.setStorageSync('indexedDBVersion', config.DBversion);
+
+            // 5. 重新调用初始化流程
+            await this.init();
+
+            console.log('数据库重置及初始化完成');
+            return true;
+        } catch (error) {
+            console.error('数据库重置失败:', error);
+            throw error;
+        }
     }
 }
 
+// 导出实例
 const baseDB = new BaseStore()
 export default baseDB

utils/jobAnalyzer.js

@@ -126,20 +126,24 @@ const jobAnalyzer = {
     _mergeAllStats: (results) => {
         const merged = {}
 
-        // 合并岗位类别（添加前缀）
-        Object.entries(results.categories).forEach(([k, v]) => {
-            merged[`岗位:${k}`] = v
-        })
+        try {
+            // 合并岗位类别（添加前缀）
+            Object.entries(results.categories).forEach(([k, v]) => {
+                merged[`岗位:${k}`] = v
+            })
 
-        // 合并工作地区（添加前缀）
-        Object.entries(results.areas).forEach(([k, v]) => {
-            merged[`地区:${k}`] = v
-        })
+            // 合并工作地区（添加前缀）
+            Object.entries(results.areas).forEach(([k, v]) => {
+                merged[`地区:${k}`] = v
+            })
 
-        // 合并经验要求（添加前缀）
-        Object.entries(results.experience).forEach(([k, v]) => {
-            merged[`经验:${k}`] = v
-        })
+            // 合并经验要求（添加前缀）
+            Object.entries(results.experience).forEach(([k, v]) => {
+                merged[`经验:${k}`] = v
+            })
+        } catch (error) {
+            return merged
+        }
 
         return merged
     },

utils/request.js

@@ -81,10 +81,9 @@ export function createRequest(url, data = {}, method = 'GET', loading = false, h
             mask: true
         })
     }
-    console.log(url,'____')
     let header = {
         ...headers,
-        'X-Target-URI': encodeURI(url)
+        'X-Target-URI': url
     };
     const userStore = useUserStore();
     const token = userStore.token;