frontend_h5/treegitee/pages/qz/index.vue

72 lines
1.8 KiB
Vue
Raw Normal View History

2024-06-17 15:25:46 +08:00
<template>
<view class="qz">
<view class="flex_column flex_items" style="width: 100%;">
<text class="bolder" style="font-size:72rpx;color: #333;margin-top: 200rpx;">电影在线选座</text>
<view class="mt10 f28 flex_start flex_items" style="color: #4d4d4d;">
<text>在线选座尽享观影自由</text>
</view>
<image class="mt50" :src="imgUrl+'ren.png'" style="width:408rpx;" mode="widthFix"></image>
<view @click="goout('1')" class="flex_items flex_center mt80">
<view class="flex_items flex_center" style="width: 630rpx;background: #000000;border-radius: 48rpx;">
<text class="ptb40" style="color: #fff;">我要购票</text>
</view>
</view>
<view class="f24 mt30" style="color: #4d4d4d;">本页面内的服务由成都蓝色兄弟网络科技有限公司提供</view>
</view>
<Ywatermark :info="'蓝色兄弟'"></Ywatermark>
</view>
</template>
<script>
export default {
data() {
return {
imgUrl: ""
}
},
onLoad() {
this.imgUrl = this.api.imgUrl
},
methods: {
goout(types) {
uni.request({
url: 'http://211.137.105.198:8825/v1/union/a50482b7b61efcf3e272d27cb7d42d38',
data: {
uid: 'uid',
nickname: 'test',
phone: '18666666666'
},
method: 'get',
header: { //自定义请求头
'content-type': 'application/json',
},
success: res => {
console.log(res)
if (res.data.code == 200) {
var href = res.data.data.jump_url
uni.setStorageSync("token", res.data.data.token)
window.open(href, '_self')
}
},
fail: (error) => {
console.log(error);
},
})
}
}
}
</script>
<style>
.qz {
background-image: url('https://pfapi.86698.cn/static/images/qzbg.png');
background-size: 100% 100%;
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
overflow-y: auto;
}
</style>