<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>