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>
 |