存档点

2026-01-14 11:07:26 +08:00
parent 141ddbb059
commit 39ea6f2fb1
28 changed files with 2738 additions and 418 deletions
--- a/pages/gameplay/gameplay.vue
+++ b/pages/gameplay/gameplay.vue
@@ -0,0 +1,190 @@
+<template>
+	<view class="container">
+		<view class="header">
+			<view class="welcome">
+				<text class="welcome-title">欢迎来到答题挑战</text>
+				<text class="welcome-subtitle">多种玩法，等你来挑战</text>
+			</view>
+		</view>
+		
+		<view class="gameplay-list">
+			<view class="gameplay-item" @click="handleRandom">
+				<view class="gameplay-icon random-icon">🎲</view>
+				<view class="gameplay-info">
+					<text class="gameplay-title">随机答题</text>
+					<text class="gameplay-desc">随机抽取题目，自由挑战</text>
+				</view>
+				<text class="arrow">›</text>
+			</view>
+			
+			<view class="gameplay-item" @click="handleCategory">
+				<view class="gameplay-icon category-icon">📚</view>
+				<view class="gameplay-info">
+					<text class="gameplay-title">类目答题</text>
+					<text class="gameplay-desc">按类目分类，系统学习</text>
+				</view>
+				<text class="arrow">›</text>
+			</view>
+			
+			<view class="gameplay-item" @click="handleQuick">
+				<view class="gameplay-icon quick-icon">⚡</view>
+				<view class="gameplay-info">
+					<text class="gameplay-title">快速答题</text>
+					<text class="gameplay-desc">限时挑战，速度比拼</text>
+				</view>
+				<text class="arrow">›</text>
+			</view>
+		</view>
+		
+		<view class="tips">
+			<view class="tip-item">
+				<text class="tip-icon">💡</text>
+				<text class="tip-text">每日坚持答题，提升知识储备</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	methods: {
+		handleRandom() {
+			uni.navigateTo({
+				url: '/pages/random/random'
+			})
+		},
+		
+		handleCategory() {
+			uni.navigateTo({
+				url: '/pages/category/category'
+			})
+		},
+		
+		handleQuick() {
+			uni.navigateTo({
+				url: '/pages/quick/quick'
+			})
+		}
+	}
+}
+</script>
+
+<style scoped>
+.container {
+	min-height: 100vh;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	padding: 40rpx;
+}
+
+.header {
+	margin-bottom: 60rpx;
+}
+
+.welcome {
+	text-align: center;
+}
+
+.welcome-title {
+	display: block;
+	font-size: 48rpx;
+	font-weight: bold;
+	color: #ffffff;
+	margin-bottom: 20rpx;
+}
+
+.welcome-subtitle {
+	display: block;
+	font-size: 28rpx;
+	color: rgba(255, 255, 255, 0.9);
+}
+
+.gameplay-list {
+	display: flex;
+	flex-direction: column;
+	gap: 30rpx;
+}
+
+.gameplay-item {
+	display: flex;
+	align-items: center;
+	background: #ffffff;
+	border-radius: 24rpx;
+	padding: 40rpx;
+	box-shadow: 0 8rpx 30rpx rgba(0, 0, 0, 0.15);
+	transition: all 0.3s;
+}
+
+.gameplay-item:active {
+	transform: scale(0.98);
+	box-shadow: 0 4rpx 15rpx rgba(0, 0, 0, 0.1);
+}
+
+.gameplay-icon {
+	width: 100rpx;
+	height: 100rpx;
+	border-radius: 20rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 50rpx;
+	margin-right: 30rpx;
+}
+
+.random-icon {
+	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
+}
+
+.category-icon {
+	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
+}
+
+.quick-icon {
+	background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
+}
+
+.gameplay-info {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 10rpx;
+}
+
+.gameplay-title {
+	font-size: 32rpx;
+	font-weight: bold;
+	color: #333;
+}
+
+.gameplay-desc {
+	font-size: 26rpx;
+	color: #999;
+}
+
+.arrow {
+	font-size: 50rpx;
+	color: #ccc;
+	font-weight: bold;
+}
+
+.tips {
+	margin-top: 60rpx;
+}
+
+.tip-item {
+	display: flex;
+	align-items: center;
+	background: rgba(255, 255, 255, 0.15);
+	border-radius: 16rpx;
+	padding: 30rpx;
+}
+
+.tip-icon {
+	font-size: 36rpx;
+	margin-right: 20rpx;
+}
+
+.tip-text {
+	font-size: 28rpx;
+	color: #ffffff;
+}
+</style>