77 lines
1.7 KiB
Vue
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/recive.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>
|