You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
1.7 KiB
Vue

<template>
<view>
<navBar navTitle="" :hasLogo="true" :backToUrl="'/pages/index/index'" :isSwitchTab="true"></navBar>
<view class="" style="text-align: center;margin-top: 60upx;">
<image src="@/static/image/home/ok-logo.png" mode="" class="pay-Img"></image>
<image src="@/static/image/home/ok.png" mode="" class="payImg"></image>
</view>
<view class="btns">
<view class="item">
<u-button :text="$t('payment.back')" color="#EDC466" @click="goHome" style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button>
<!-- <u-button :text="$t('payment.check')" color="#558BF2" @click="goDetail" style="width: 260rpx;height: 56rpx;border-radius: 40rpx;margin-top: 30rpx;"></u-button> -->
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
artworkUid:'',
ID: '',
};
},
onLoad: function (option) {
this.ID = option.ID
this.artworkUid = option.artworkUid
},
methods: {
goHome() {
uni.reLaunch({
url: '/pages/index/index'
})
},
goDetail() {
uni.navigateTo({
url: '/pages/mine/detail/detail?ID=' + this.ID + '&artworkUid=' + this.artworkUid
})
}
}
}
</script>
<style lang="scss">
page{
background: url('@/static/image/home/bg.png') no-repeat;
background-size: 100% 100%;
background-attachment:fixed;
height: 100vh;
}
.pay-Img{
width: 608upx;
height: 576upx;
margin-top: 30upx;
}
.payImg{
width: 218rpx;
height: 56rpx;
margin-top: 20upx;
/* position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%,-50%); */
}
.btns{
position: fixed;
width: 100%;
bottom: 200rpx;
.item{
display: flex;
justify-content: center;
}
}
</style>