perf: MobileOnly+GkdOnly

Author: lisonge

docs/.vitepress/components/AppInnerDownloadTip.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+const getShow = () => {
+  return import.meta.env.DEV || Reflect.get(globalThis, 'gkd');
+};
+</script>
+<template>
+  <ClientOnly>
+    <slot v-if="getShow()"></slot>
+  </ClientOnly>
+</template>

docs/.vitepress/components/GkdOnly.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+const getShow = () => {
+  return (
+    globalThis.document && 'ontouchstart' in globalThis.document.documentElement
+  );
+};
+</script>
+<template>
+  <ClientOnly>
+    <slot v-if="getShow()"></slot>
+  </ClientOnly>
+</template>

docs/.vitepress/components/MobileOnly.vue

@@ -3,13 +3,15 @@ import GImg from './GImg';
 import IdentifierField from './IdentifierField.vue';
 import ImageTable from './ImageTable.vue';
 import naiveComponents from './naive';
-import AppInnerDownloadTip from './AppInnerDownloadTip.vue';
+import GkdOnly from './GkdOnly.vue';
+import MobileOnly from './MobileOnly.vue';
 
 export default {
   ...naiveComponents,
   GImg,
   ImageTable,
   IdentifierField,
   ApkTable,
-  AppInnerDownloadTip,
+  GkdOnly,
+  MobileOnly,
 };

docs/.vitepress/components/index.ts

@@ -2,7 +2,12 @@
 
 ## 安装 {#install}
 
-<ClientOnly> <AppInnerDownloadTip/> </ClientOnly>
+<GkdOnly>
+
+> [!TIP] 下载提示
+> 检测到您在应用内无法下载 APK，请点击右上角-外部打开后下载
+
+</GkdOnly>
 
 <ApkTable />
 

docs/guide/index.md

@@ -14,6 +14,22 @@
 
 <GImg src="0046.png" />
 
+<MobileOnly>
+<p text-center>
+
+[--> 打开支付宝 <--](alipays://platformapi/startapp?saId=10000007&qrcode=https%3A%2F%2Fqr.alipay.com%2Ffkx18039ijnme6m5ef2na0a)
+
+</p>
+</MobileOnly>
+
 ---
 
 <GImg src="0047.png" />
+
+<MobileOnly>
+<p text-center>
+
+[--> 截图后打开微信 <--](gkd://invoke/openWeChat)
+
+</p>
+</MobileOnly>