页面切图

pages/project/transfer.vue

@@ -0,0 +1,75 @@
+<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>