zhywpt-sp/subpackage/orders/invoice-download.vue

<template>
	<view class="box">
		<view class="content">
			<view class="">
				如需下载请长按网址复制后使用游览器访问
			</view>
			<text>https：//www.baidu.com</text>
		</view>
		<button class="download">复制</button>
	</view>

</template>

<script setup lang="ts">
	import {
		reactive
	} from "vue";
	import {
		msg,
		navTo
	} from '@/utils/utils';

	const toPage = () => {
		navTo('/subpackage/orders/invoiceApply/invoiceList')
	}
</script>


<style>
	page {
		width: 100%;
		height: 100%;
		background: #EEF7F7;
	}
</style>

<style lang="scss" scoped>
	.box {
		height: 100%;
		width: 100%;
		border-top: 1rpx solid #EEF7F7;
		background: #EEF7F7;

		.content {
			text-align: center;
			margin-top: 123rpx;

			view {
				font-size: 32rpx;
				font-family: Noto Sans S Chinese;
				font-weight: 400;
				color: #333333;
				margin-bottom: 60rpx;
			}

			text {
				font-size: 26rpx;
				font-family: Noto Sans S Chinese;
				font-weight: 400;
				color: #333333;
			}
		}

		.download {
			width: 670rpx;
			height: 80rpx;
			background: linear-gradient(-90deg, #43A1E0 0%, #13E7C1 100%);
			border-radius: 40rpx;
			font-size: 32rpx;
			font-family: Noto Sans S Chinese;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 80rpx;
			position: fixed;
			left: 50%;
			transform: translate(-50%);
			bottom: 100rpx;
		}
	}
</style>