96 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
	
			
		
		
	
	
			96 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			Vue
		
	
	
	
| <!--
 | |
|  * @Descripttion: 门票模块测试页面
 | |
|  * @version: 1.0.0
 | |
|  * @Author: Assistant
 | |
|  * @Date: 2025-01-22
 | |
| -->
 | |
| <template>
 | |
|   <view class="test-container">
 | |
|     <view class="header">
 | |
|       <text class="title">门票模块测试</text>
 | |
|     </view>
 | |
| 
 | |
|     <view class="button-list">
 | |
|       <button class="test-btn" @click="goToTicketList">进入门票活动</button>
 | |
| 
 | |
|       <button class="test-btn" @click="goToBuyTicket">测试购票页面</button>
 | |
| 
 | |
|       <button class="test-btn" @click="goToTicketDetail">测试门票详情</button>
 | |
|     </view>
 | |
| 
 | |
|     <view class="info">
 | |
|       <text class="info-text">点击按钮测试相应功能模块</text>
 | |
|     </view>
 | |
|   </view>
 | |
| </template>
 | |
| 
 | |
| <script>
 | |
| export default {
 | |
|   methods: {
 | |
|     // 进入门票活动列表
 | |
|     goToTicketList() {
 | |
|       uni.navigateTo({
 | |
|         url: '/pages/ticket/index',
 | |
|       })
 | |
|     },
 | |
| 
 | |
|     // 测试购票页面
 | |
|     goToBuyTicket() {
 | |
|       uni.navigateTo({
 | |
|         url: '/pages/ticket/buy?activityId=12&activityName=测试活动&price=0.03',
 | |
|       })
 | |
|     },
 | |
| 
 | |
|     // 测试门票详情
 | |
|     goToTicketDetail() {
 | |
|       uni.navigateTo({
 | |
|         url: '/pages/ticket/detail?ticketId=201',
 | |
|       })
 | |
|     },
 | |
|   },
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style lang="scss" scoped>
 | |
| .test-container {
 | |
|   padding: 20px;
 | |
|   background: #f8f8f8;
 | |
|   min-height: 100vh;
 | |
| }
 | |
| 
 | |
| .header {
 | |
|   text-align: center;
 | |
|   margin-bottom: 40px;
 | |
| 
 | |
|   .title {
 | |
|     font-size: 24px;
 | |
|     font-weight: 600;
 | |
|     color: #333;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .button-list {
 | |
|   .test-btn {
 | |
|     width: 100%;
 | |
|     height: 50px;
 | |
|     background: #005bac;
 | |
|     color: #fff;
 | |
|     border: none;
 | |
|     border-radius: 25px;
 | |
|     margin-bottom: 20px;
 | |
|     font-size: 16px;
 | |
|     font-weight: 600;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .info {
 | |
|   text-align: center;
 | |
|   margin-top: 40px;
 | |
| 
 | |
|   .info-text {
 | |
|     font-size: 14px;
 | |
|     color: #999;
 | |
|   }
 | |
| }
 | |
| </style>
 |