<template>
	<view class="content">
		<image src="../../../static/bg.png" style="width: 100%;"></image>

		<view class="box">
			<view class="cu-card flex margin bg-white shadow card-radius" hover-class="cc-active" @tap="openPage('/pages/get-code/get-code')">
				<view class="flex align-center padding">
					<view class="round lg cu-avatar icon1">
						<view class="iconfont icon-erweima"></view>
					</view>
					<view class="padding-left-sm flex-sub">
						<view class="text-xl">领取健康码</view>
						<view class="text-df padding-top-xs description">介绍文本</view>
					</view>
				</view>
			</view>
			<view class="cu-card flex margin bg-white shadow card-radius" hover-class="cc-active">
				<view class="flex align-center padding">
					<view class="round lg cu-avatar icon2">
						<view class="iconfont icon-daka"></view>
					</view>
					<view class="padding-left-sm flex-sub">
						<view class="text-xl">每日健康打卡</view>
						<view class="text-df padding-top-xs description">每日健康打卡介绍文本</view>
					</view>
				</view>
			</view>
			<view class="cu-card flex margin bg-white shadow card-radius" hover-class="cc-active">
				<view class="flex align-center padding">
					<view class="round lg cu-avatar icon3">
						<view class="iconfont icon-bushuline"></view>
					</view>
					<view class="padding-left-sm flex-sub">
						<view class="text-xl">行程上报</view>
						<view class="text-df padding-top-xs description">行程上报介绍文本</view>
					</view>
				</view>
			</view>
			<view class="cu-card flex margin bg-white shadow card-radius" hover-class="cc-active" @tap="openPage('/pages/statistics/statistics')">
				<view class="flex align-center padding">
					<view class="round lg cu-avatar icon4">
						<view class="iconfont icon-tongji"></view>
					</view>
					<view class="padding-left-sm flex-sub">
						<view class="text-xl">统计</view>
						<view class="text-df padding-top-xs description">统计介绍文本</view>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
export default {
  name: 'Home',

};
</script>

<style scoped lang="scss">
.box {
	position: relative;
	top: -110rpx;
}
.card-radius{
	border-radius: 15rpx;
}
.description{
	color: $grey;
}
.icon1{
	background: $iconGreen;
}
.icon2{
	background: $iconCyan;
}
.icon3{
	background: $iconBlue;
}
.icon4{
	background: $iconPurple;
}
</style>
