init

src/pages/game_detail/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '游戏详情'
+})

src/pages/game_detail/index.scss

@@ -0,0 +1,32 @@
+.index {
+  position: relative;
+
+  .swiper {
+    background-color: white;
+  }
+
+  .container {
+    z-index: 1;
+    position: absolute;
+    top: 260px;
+    background-color: white;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 10px;
+    text-align: center;
+    border-top-left-radius: 20px;
+    border-top-right-radius: 20px;
+
+    .btn {
+      margin: 20px auto;
+      padding: 10px;
+      border-radius: 50px;
+      background-color: #74c0fc;
+      color: #fff;
+      width: 300px;
+      text-align: center;
+      border: 1px solid #f5f5f5;
+
+    }
+  }
+}

src/pages/game_detail/index.vue

@@ -0,0 +1,36 @@
+<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>游戏介绍</view>
+      <view>。。。。。。。。。。</view>
+      <view>游戏简介</view>
+      <view>。。。。。。。。。。</view>
+      <view class="btn" @click="startGame()">开始游戏</view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue'
+import Taro from '@tarojs/taro'
+import './index.scss'
+
+const list = ref(['https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg', 'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg', 'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg', 'https://storage.360buyimg.com/jdc-article/fristfabu.jpg'])
+
+
+const startGame = () => {
+  Taro.navigateTo({
+    url: '/pages/game_list/yaotouzi/index'
+  })
+}
+</script>