小助手

src/router/index.js

@@ -826,6 +826,15 @@ const routes = [
             menuPage: true,
             pageType: Page.Every
         }
+    },
+    {
+        path: '/ai',
+        name: 'ai',
+        component: () => import('../views/user/AiPage.vue'),
+        meta: {
+            menuPage: true,
+            pageType: Page.Every
+        }
     }
 ];
 

src/views/Mine.vue

@@ -223,6 +223,16 @@
                     </div>
                     <img src="@assets/icon_inter@3x.png" alt="" class="menus_list_con_right_img" />
                 </div>
+                <div class="menus_list_division">
+                    <div class="menus_list_division_con"></div>
+                </div>
+                <div class="menus_list_con" @click="$router.push('/ai')">
+                    <div class="menus_list_con_left">
+                        <img src="@assets/icon-GPT.png" alt="" class="menus_list_con_left_img" />
+                        <span>我的ChatGPT小助手</span>
+                    </div>
+                    <img src="@assets/icon_inter@3x.png" alt="" class="menus_list_con_right_img" />
+                </div>
             </div>
         </div>
         <!-- <van-grid class="menus">

src/views/user/AiPage.vue

@@ -0,0 +1,40 @@
+<template>
+    <div class="page">
+        <van-sticky>
+            <div class="padding-safe-top">
+                <van-nav-bar title="ChatGPT小助手" left-text="" right-text="" left-arrow @click-left="$router.go(-1)" />
+            </div>
+        </van-sticky>
+        <iframe class="iframe-page" src="https://ai.raex.vip/" frameborder="0"></iframe>
+    </div>
+</template>
+
+<script setup></script>
+
+<style lang="less" scoped>
+.page {
+    background: #1c1c1c;
+    min-height: var(--app-height) !important;
+}
+.van-nav-bar {
+    --van-nav-bar-background-color: #1c1c1c;
+    --van-nav-bar-icon-color: #fff;
+    --van-nav-bar-title-text-color: #fff;
+    --van-nav-bar-text-color: #fff;
+    --van-border-color: #1c1c1c;
+    --van-nav-bar-title-font-size: 16px;
+    --van-font-weight-bold: bold;
+}
+
+.iframe-page {
+    width: 100%;
+    height: calc(var(--app-height) - var(--van-nav-bar-height) - var(--safe-top));
+    border: none;
+    background-color: #1c1c1c;
+    display: block;
+    &::-webkit-scrollbar {
+        display: none;
+        opacity: 0;
+    }
+}
+</style>