<template> <view class="wrap"> <view> <view> <text class="button" @click="goKnow()">购票须知</text> </view> <view style="margin-top: 100rpx;"> <text class="button" @click="goBuy()">立即购票</text> </view> </view> <!-- 购票须知 --> <view class="buy-know" v-if="showKnow" @click="showKnow=false"> <view class="box"> <view class="title"> 告游客书 </view> <view> 尊敬的游客、广大市民: </view> <view> <text> 开放时间: </text> 09:00 - 18:30,闭馆前1小时(17:30)停止售票 </view> <view> <text> 博物馆开放日多功能设备运行时间: </text> 09:30 - 12:30;14:30 - 17:30,(根据景区当天实际情况为准) </view> <view> <text> 免费人群: </text> 需出示身份证及有效证件原件前往检票处登记入园。 </view> <view> <text> 退票须知: </text> 游客所购门票在选定游玩日期当天19:00前如未使用,可在电子门票‘我的订单’中申请退票,逾期不可退。 </view> <view style="margin-top: 48rpx;display: flex;justify-content: center;"> <text class="button" @click.stop="goBuy()">立即购票</text> </view> </view> </view> </view> </template> <script> export default { data() { return { urlQuery:'', showKnow:false } }, onLoad(option) { let channelId=option.channelId||'' let companyId=option.companyId||'' let merchantId=option.merchantId||'' let groupId=option.groupId||'' let groupChannelId=option.groupChannelId||'' this.urlQuery=channelId+'&merchantId='+merchantId+'&groupId='+groupId+'&groupChannelId='+groupChannelId+'&companyId='+companyId }, methods: { //---购票 goBuy(){ uni.navigateTo({ url:'/pages/combination/distributionCombiChoose/distributionCombiChoose?channelId='+this.urlQuery }) }, //---购票须知 goKnow(){ this.showKnow=true } } } </script> <style scoped> .wrap{ height: 100%; background:#fffae8; font-size: 40rpx; display: flex; align-items: center; justify-content:center; } .button{ width: 520rpx; height: 112rpx; display:flex; align-items: center; justify-content: center; background: url('../../../static/img/hghg/bigBtn.png') no-repeat; background-size: 100% 100%; } .buy-know{ padding: 0 48rpx; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); } .box{ padding: 60rpx 40rpx; background: url('../../../static/img/hghg/dialog.png') no-repeat; background-size: 100% 100%; color: #000000; font-size: 28rpx; } .box>view{ margin-top: 10rpx; } .box view text{ font-weight: bold; } .title{ font-weight: bold; font-size: 40rpx; text-align: center; } .button{ display: flex; width: 244rpx; height: 96rpx; background: url('../../../static/img/hghg/smallBtn.png') no-repeat; background-size: 100% 100%; align-items: center; justify-content: center; font-size: 32rpx; } </style>