From ddd7789817f8c4ea683825be6bb528980d7655f4 Mon Sep 17 00:00:00 2001
From: YuanHuakk <1751826683@qq.com>
Date: Sun, 21 Apr 2024 05:40:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(custom):=20=E6=96=B0=E5=A2=9Ewebview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.config.ts                 |  1 +
 src/pages/game_detail/index.vue   | 35 ++++++++++++++++++-------------
 src/pages/webview/index.config.ts |  3 +++
 src/pages/webview/index.vue       | 18 ++++++++++++++++
 4 files changed, 43 insertions(+), 14 deletions(-)
 create mode 100644 src/pages/webview/index.config.ts
 create mode 100644 src/pages/webview/index.vue

diff --git a/src/app.config.ts b/src/app.config.ts
index 60b857b..ca6c31e 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -1,6 +1,7 @@
 export default defineAppConfig({
   pages: [
     'pages/index/index',
+    'pages/webview/index',
     'pages/yaotouzi/index/index',
     'pages/game_detail/index',
     'pages/yaotouzi/records/index',
diff --git a/src/pages/game_detail/index.vue b/src/pages/game_detail/index.vue
index 281e066..67674cd 100644
--- a/src/pages/game_detail/index.vue
+++ b/src/pages/game_detail/index.vue
@@ -1,17 +1,17 @@
 <template>
-    <view class="index">
-        <swiper class="swiper" :circular="true" :autoplay="true">
-            <swiper-item v-for="(item, index) in list" :key="index">
-                <image :src="item" />
-            </swiper-item>
-        </swiper>
-        <view class="container">
-            <!-- <view>摇骰子</view> -->
+  <view class="index">
+    <swiper class="swiper" :circular="true" :autoplay="true">
+      <swiper-item v-for="(item, index) in list" :key="index">
+        <image :src="item" />
+      </swiper-item>
+    </swiper>
+    <view class="container">
+      <!-- <view>摇骰子</view> -->
 
-            <rich-text :nodes="info.introduction"></rich-text>
-            <view class="btn" @click="startGame()">开始游戏</view>
-        </view>
+      <rich-text :nodes="info.introduction"></rich-text>
+      <view class="btn" @click="startGame()">开始游戏</view>
     </view>
+  </view>
 </template>
 
 <script lang="ts" setup>
@@ -23,13 +23,20 @@ const info = ref<any>({})
 const list = ref<string[]>([])
 
 Taro.useLoad(() => {
-    info.value = Taro.getStorageSync('gameItem')
-    list.value.push(info.value.cover)
+  info.value = Taro.getStorageSync('gameItem')
+  list.value.push(info.value.cover)
 })
 
 const startGame = () => {
+  // 判断url中是否含有http
+  if (info.value.url.indexOf('http') === -1) {
     Taro.navigateTo({
-        url: info.value.url,
+      url: info.value.url,
     })
+  } else {
+    Taro.navigateTo({
+      url: `/pages/webview/index?url=${info.value.url}`,
+    })
+  }
 }
 </script>
diff --git a/src/pages/webview/index.config.ts b/src/pages/webview/index.config.ts
new file mode 100644
index 0000000..0262299
--- /dev/null
+++ b/src/pages/webview/index.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: 'webview',
+})
diff --git a/src/pages/webview/index.vue b/src/pages/webview/index.vue
new file mode 100644
index 0000000..3254a3b
--- /dev/null
+++ b/src/pages/webview/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <view>
+    <web-view :src="src" />
+  </view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import Taro from '@tarojs/taro'
+
+const src = ref('')
+
+Taro.useLoad((e) => {
+  src.value = `${e.url}?uid=${Taro.getStorageSync('uid')}`
+})
+</script>
+
+<style lang="scss"></style>