<template>
	<view class="content">
		<image class="appDown-img" src="https://cdn.douhuofalv.com/images/2022/12/16/de62e7029d9297d3d053bf4de45566a7.png" mode="widthFix"></image>
		<view class="appDown-btn">
			<view class="appDown-btn-go">下载抖火APP</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		
		onShow() {},
		
		methods:{
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		background-color: #fed2da;
		height: 100vh;
	}
	
	.appDown-img {
		width: 100vw;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.appDown-btn {
		width: 100%;
		position: absolute;
		bottom: 10%;
		left: 0;
		z-index: 9;
		text-align: center;
		height: 100rpx;
		.appDown-btn-go {
			background-image: linear-gradient(to bottom, #f69341, #d72158);
			border-radius: $radius;
			color: #fff;
			width: 65%;
			margin: 0 auto;
			line-height: 100rpx;
			text-align: center;
		}
	}
</style>