You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.4 KiB
85 lines
2.4 KiB
<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>
|
|
|