75 lines
1.8 KiB
Vue
75 lines
1.8 KiB
Vue
|
<template>
|
||
|
|
<Cn-page :loading='loading'>
|
||
|
|
<view slot='body'>
|
||
|
|
<view class='transfer'>
|
||
|
|
<image class="transfer-img" src="/static/transfer.png" mode="scaleToFill" />
|
||
|
|
<view class="transfer-text">请让接收人员扫码接收</view>
|
||
|
|
<view class="transfer-btn">
|
||
|
|
<button class="transfer-btn-item" style="background-color:#fff;color:#111" @click="back">返回</button>
|
||
|
|
<button class="transfer-btn-item ml20" @click="home">转移成功</button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</Cn-page>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
loading: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
back () {
|
||
|
|
uni.navigateBack({
|
||
|
|
delta: 1
|
||
|
|
})
|
||
|
|
},
|
||
|
|
home () {
|
||
|
|
uni.switchTab({
|
||
|
|
url: '/pages/index/index'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang='scss'>
|
||
|
|
.transfer {
|
||
|
|
padding: 200rpx 34rpx 0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
.transfer-img {
|
||
|
|
width: 500rpx;
|
||
|
|
height: 500rpx;
|
||
|
|
background: $uni-theme-blue ;
|
||
|
|
}
|
||
|
|
|
||
|
|
.transfer-text {
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #999999;
|
||
|
|
margin-top: 30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.transfer-btn {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: space-between;
|
||
|
|
margin-top: 100rpx;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
.transfer-btn-item {
|
||
|
|
flex: 1;
|
||
|
|
height: 80rpx;
|
||
|
|
border-radius: 12rpx;
|
||
|
|
background-color: $uni-theme-blue;
|
||
|
|
font-size: 28rpx;
|
||
|
|
color: #fff;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|