[抖火客户端]

pages/synthesis/payPoint.vue

@@ -0,0 +1,73 @@
+<template>
+	<view class="content">
+		<view class="point">
+			<img class="point-img" src="@/static/imgs/payImg.png">
+			<view class="point-text">
+				<view class="point-name">
+					支付成功
+				</view>
+				<view class="point-tips">
+					<text>您已完成支付</text>
+					<text>谢谢您对抖火的支持</text>
+				</view>
+				<view class="point-btn">
+					<view class="btn" @click="$Router.push({name: 'synthesisOrder'})">
+						查看订单
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {}
+		},
+		onLoad() {
+	
+		},
+		methods: {
+	
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.point {
+		text-align: center;
+		padding: 40% 0;
+		.point-img {
+			width: 240rpx;
+			height: 240rpx;
+			margin: 0 auto 10rpx;
+		}
+		.point-text {
+			.point-name {
+				color: $mian-color;
+				font-size: $title-size + 14;
+			}
+			.point-tips{
+				margin: $margin + 20 0 $margin*3;
+				line-height: 52rpx;
+				text {
+					display: block;
+					color: #999999;
+				}
+			}
+		}
+		.point-btn {
+			text-align: center;
+			.btn {
+				display: inline-block;
+				border: 2rpx solid $mian-color;
+				color: $mian-color;
+				border-radius: $radius * 4;
+				padding: 0 $padding * 2.5;
+				line-height: 90rpx;
+			}
+		}
+	}
+	
+</style>