1、优化了进入页面正对小程序的配置读取

2、增加了小程序的按钮组控件
2025-04-05 06:22:43 +08:00 · 2025-03-13 17:26:46 +08:00 · 2025-03-13 17:26:46 +08:00 · 174bad1a17
commit 174bad1a17
parent 7429341633
7 changed files with 135 additions and 17 deletions
--- a/src/common/utils.js
+++ b/src/common/utils.js
@ -4,7 +4,7 @@
 * @Autor: 地虎降天龙
 * @Date: 2023-10-16 10:53:09
 * @LastEditors: 地虎降天龙
- * @LastEditTime: 2025-03-10 16:13:53
+ * @LastEditTime: 2025-03-13 11:56:12
 */
 // 放工具函数
 import { request } from '@fesjs/fes'
--- a/src/components/forPreview/FPSGraph.vue
+++ b/src/components/forPreview/FPSGraph.vue
@ -4,11 +4,12 @@
 * @Autor: 地虎降天龙
 * @Date: 2024-02-27 08:47:58
 * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-02-29 08:06:31
+ * @LastEditTime: 2025-03-13 11:56:25
 -->
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { useFps, useRafFn } from '@vueuse/core'
+import { detectDeviceType } from '../../common/utils'

 const width = 58
 const height = 30
@ -45,7 +46,7 @@ useRafFn(({ timestamp }) => {
 </script>

 <template>
-	<div class="fpsStats">
+	<div class="fpsStats" v-show="detectDeviceType() !== 'Mobile'">
 		<div class="number">
 			{{ Math.round(fps) }} <br /> FPS
 		</div>
--- a/src/components/forPreview/cardList.vue
+++ b/src/components/forPreview/cardList.vue
@ -60,6 +60,7 @@
    </div>
 </template>
 <script setup lang="ts">
+import { onMounted } from 'vue'
 import { FCard, FDivider, FSpace, FText } from '@fesjs/fes-design'
 import { useRouter, useModel } from '@fesjs/fes' //fesJS的路由被他自己封装了
 import { UserOutlined } from '@fesjs/fes-design/icon'
@ -75,8 +76,11 @@ const props = withDefaults(
 const { menuSetup } = useModel('forPreview')
 let publicPath = process.env.BASE_URL

-loadJweixin()
-loadWebView()
+onMounted(async () => {
+    await loadJweixin()
+    await loadWebView()
+})
+
 declare const uni: any

 const router = useRouter()
--- a/src/components/forPreview/miniBts.vue
+++ b/src/components/forPreview/miniBts.vue
@ -0,0 +1,100 @@
+<!--
+ * @Description: 
+ * @Version: 1.668
+ * @Autor: 地虎降天龙
+ * @Date: 2025-03-13 12:04:52
+ * @LastEditors: 地虎降天龙
+ * @LastEditTime: 2025-03-13 15:42:33
+-->
+<template>
+    <div style="position: absolute; bottom: 8px; left: 12px; z-index: 9999999">
+        <n-float-button position="relative" type="default" shape="square" menu-trigger="click">
+            <n-icon size="26" color="#2D76D5">
+                <Aperture />
+            </n-icon>
+            <template #menu>
+                <div style="display: flex" v-show="showb">
+                    <n-float-button shape="square" @click="toBack">
+                        <n-icon color="#2D76D5">
+                            <ArrowBackCircleOutline />
+                        </n-icon>
+                        <template #description> <sapn style="color: #2d76d5">返回</sapn> </template>
+                    </n-float-button>
+                    <n-float-button :left="12" shape="square" @click="toHome">
+                        <n-icon color="#2D76D5">
+                            <Home />
+                        </n-icon>
+                        <template #description> <sapn style="color: #2d76d5">主页</sapn> </template>
+                    </n-float-button>
+                    <n-float-button :left="24" shape="square" @click="toGuide">
+                        <n-icon color="#2D76D5">
+                            <SparklesOutline />
+                        </n-icon>
+                        <template #description> <sapn style="color: #2d76d5">随机</sapn> </template>
+                    </n-float-button>
+                    <n-float-button :left="36" shape="square" @click="switchTab">
+                        <n-icon color="#2D76D5">
+                            <DiceOutline />
+                        </n-icon>
+                        <template #description> <sapn style="color: #2d76d5">关于</sapn> </template>
+                    </n-float-button>
+                </div>
+								<div style="display: flex" v-show="!showb">
+									<n-float-button shape="square" @click="toHomeRouter">
+                        <n-icon color="#2D76D5">
+                            <Home />
+                        </n-icon>
+                        <template #description> <sapn style="color: #2d76d5">主页</sapn> </template>
+                    </n-float-button>
+                </div>
+            </template>
+        </n-float-button>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { Home, Aperture, DiceOutline, SparklesOutline, ArrowBackCircleOutline } from '@vicons/ionicons5'
+import { NIcon, NFloatButton } from 'naive-ui'
+import { onMounted,ref } from 'vue'
+import { loadJweixin, loadWebView } from 'PLS/uniAppView/lib/initScript'
+
+declare const uni: any
+
+const showb = ref(false)
+onMounted(async () => {
+    await loadJweixin()
+    await loadWebView()
+		if (uni.getEnv) {
+			showb.value = true
+    }
+})
+
+const toHomeRouter = () => {
+	window.open('https://oss.icegl.cn/', '_blank')
+}
+const toBack = () => {
+    uni.navigateBack()
+}
+const toHome = () => {
+    uni.reLaunch({
+        url: '/pages/index/index',
+    })
+}
+
+const toGuide = () => {
+    uni.redirectTo({
+        url: '/pages/guide/guide',
+    })
+}
+
+const switchTab = () => {
+    uni.reLaunch({
+        url: '/pages/about/about',
+    })
+}
+</script>
+<style lang="less">
+.n-float-button {
+    background-color: #e1e1e1c4;
+}
+</style>
--- a/src/components/forPreview/referenceSource.vue
+++ b/src/components/forPreview/referenceSource.vue
@ -4,16 +4,24 @@
 * @Autor: 地虎降天龙
 * @Date: 2024-01-29 19:30:09
 * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-05-24 09:45:04
+ * @LastEditTime: 2025-03-13 11:59:31
 -->
 <template>
-    <FButton v-if="referenceSourceConfig" type="info" class="absolute" size="small" style="left: 10px; bottom: 10px" @click="jump">
+    <FButton
+        v-if="referenceSourceConfig && detectDeviceType() !== 'Mobile'"
+        type="info"
+        class="absolute"
+        size="small"
+        style="left: 10px; bottom: 10px"
+        @click="jump"
+    >
        <template #icon> <StarOutlined /> </template>参考出处 ：{{ referenceSourceConfig.title }}
    </FButton>
 </template>
 <script setup lang="ts">
 import { StarOutlined } from '@fesjs/fes-design/icon'
 import { FButton } from '@fesjs/fes-design'
+import { detectDeviceType } from '../../common/utils'

 const props = withDefaults(
    defineProps<{
--- a/src/components/forPreview/showSrcBtn.vue
+++ b/src/components/forPreview/showSrcBtn.vue
@ -4,19 +4,22 @@
 * @Autor: 地虎降天龙
 * @Date: 2023-12-15 09:11:09
 * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-12-30 08:16:23
+ * @LastEditTime: 2025-03-13 11:57:00
 -->
 <template>
-    <FButton type="info" class="absolute home-btn" size="small" @click="tohome()">
-        <template #icon> <HomeOutlined />首页 </template>
-    </FButton>
-    <FButton type="info" class="absolute" size="small" style="right: 10px; bottom: 10px" @click="jump()">
-        <template #icon> <ProductOutlined /> </template>源码Src
-    </FButton>
+    <template v-if="detectDeviceType() !== 'Mobile'">
+        <FButton type="info" class="absolute home-btn" size="small" @click="tohome()">
+            <template #icon> <HomeOutlined />首页 </template>
+        </FButton>
+        <FButton type="info" class="absolute" size="small" style="right: 10px; bottom: 10px" @click="jump()">
+            <template #icon> <ProductOutlined /> </template>源码Src
+        </FButton>
+    </template>
 </template>
 <script setup lang="ts">
 import { ProductOutlined, HomeOutlined } from '@fesjs/fes-design/icon'
 import { FButton } from '@fesjs/fes-design'
+import { detectDeviceType } from '../../common/utils'

 const props = withDefaults(
    defineProps<{
--- a/src/components/forPreview/suspenseLayout.vue
+++ b/src/components/forPreview/suspenseLayout.vue
@ -4,21 +4,23 @@
 * @Autor: 地虎降天龙
 * @Date: 2023-10-21 17:24:44
 * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-05-27 18:45:28
+ * @LastEditTime: 2025-03-13 12:08:53
 -->
 <template>
    <Suspense>
        <router-view />
    </Suspense>
-    <showSrcBtn :parts="parts" v-if="!config?.preview?.disableSrcBtn" />
+    <showSrcBtn v-if="!config?.preview?.disableSrcBtn" :parts="parts" />
    <referenceSource :referenceSourceConfig="referenceSourceConfig" />
    <FPSGraph v-if="!config?.preview?.disableFPSGraph" />
+    <miniBts v-if="detectDeviceType() === 'Mobile'" />
 </template>
 <script setup lang="ts">
+import { getOnePluginConfig, detectDeviceType } from '../../common/utils'
 import showSrcBtn from './showSrcBtn.vue'
 import referenceSource from './referenceSource.vue'
 import FPSGraph from './FPSGraph.vue'
-import { getOnePluginConfig } from '../../common/utils'
+import miniBts from './miniBts.vue'

 const originalUrl = window.location.href
 const hashPart = originalUrl.split('#')[1] || ''