<template>
	<view class="px-24 py-20 box-border">
		<rk-bg :status-bar="false"></rk-bg>
		<view class="w-full flex justify-center">
			<uv-image src="/static/logo.png" width="200rpx" height="200rpx"></uv-image>
		</view>
		<view class="w-full mt-20 py-20 bg-#fff shadow rd-16 flex flex-col items-center">
			<view class="font-500 fs-48 color-#001A0B">为出海加速</view>
			<view class="mt-20 fs-36 color-#050E19">添加海保客服</view>
			<view class="mt-20">
				<uv-qrcode ref="qrcode" size="300rpx" value="https://haibao.shop" :options="{'foregroundColor': '#45908F'}"></uv-qrcode>
			</view>
			<view class="mt-20 color-#71757A">海保世贸-一站式服务贸易平台</view>
			<view class="w-324 mt-30">
				<uv-button type="primary">长按二维码添加</uv-button>
			</view>
		</view>
		<view class="mt-40 font-600 text-center">添加后您还可以获得以下福利</view>
		<view class="w-full mt-40 px-20 py-24 box-border bg-#fff rd-16 shadow flex flex-wrap justify-between items-center">
			<view v-for="(item, index) in funcList" :key="`func` + index" class="w-180 mb-28 flex flex-col items-center">
				<!-- <uv-image :src="platformImg(item.img)" width="84rpx" height="84rpx"></uv-image> -->
				<image src="/static/images/service/service01.png"></image>
				<view class="mt-12 font-500 fs-24 color-#333">{{item.name}}</view>
				<view class="mt-10 fs-18 color-#999">{{item.desc}}</view>
			</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';

	// 功能列表
	let funcList = ref([
		{name: '8元现金到账', desc: '注册即送入账户', img: '/stat/service01.png'},
		{name: '222元优惠券', desc: '注册即送入账户', img: '/img/service02.png'},
		{name: '铂金会员7天', desc: '高峰买票', img: '/img/service03.png'},
		{name: '8元现金到账', desc: '一手福利消息', img: '/img/service04.png'},
		{name: 'VIP抢票券', desc: '高峰买票', img: '/img/service05.png'},
		{name: '一对一服务', desc: '有问题人工咨询', img: '/img/service06.png'},
	])
</script>

<style lang="scss">

</style>
