i

src/pages/game/gamedetail/index.vue

@@ -6,11 +6,37 @@
                 <Home class="iconfont" @click="goHome" />
             </view>
         </view>
-        <!-- <swiper class="swiper" :autoplay="true" :circular="true">
-            <swiper-item v-for="(item, index) in swiperList" :key="index">
-                <image style="width: 100%" :src="item"></image>
-            </swiper-item>
-        </swiper> -->
+        <nut-swiper
+            class="swiper"
+            :pagination-visible="true"
+            pagination-color="#426543"
+            auto-play="3000"
+        >
+            <nut-swiper-item>
+                <image
+                    src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg"
+                    alt=""
+                />
+            </nut-swiper-item>
+            <nut-swiper-item>
+                <image
+                    src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg"
+                    alt=""
+                />
+            </nut-swiper-item>
+            <nut-swiper-item>
+                <image
+                    src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg"
+                    alt=""
+                />
+            </nut-swiper-item>
+            <nut-swiper-item>
+                <image
+                    src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg"
+                    alt=""
+                />
+            </nut-swiper-item>
+        </nut-swiper>
         <view class="box">
             <view class="line"></view>
             <view class="game-title"></view>
@@ -31,13 +57,17 @@ import {
     navigateTo,
 } from "@tarojs/taro";
 import { Left, Home } from "@nutui/icons-vue-taro";
-var statusBarHeight = (getSystemInfoSync().statusBarHeight as number) - 7;
+var statusBarHeight = (getSystemInfoSync().statusBarHeight as number);
+
+console.log(statusBarHeight);
 
 const statusHeight = ref<number>(statusBarHeight);
 
 const swiperList = ref([]);
 
-useLoad(() => {});
+useLoad((options) => {
+    console.log(options);
+});
 
 const returns = () => {
     navigateBack();
@@ -83,6 +113,13 @@ const toGame = () => {
         }
     }
 }
+.swiper {
+    height: 450rpx;
+    width: 100vw;
+    image {
+        width: 100%;
+    }
+}
 
 .box {
     width: 100%;

src/pages/game/gameview/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <view>
+
+    </view>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss">
+
+</style>