ufutx-pc-website/src/views/App/App.vue

48 lines
1.3 KiB
Vue

<template>
<div class="app-page">
<Banner />
<div class="section-divider">全方位健康生活方式的引领者</div>
<FeatureNav />
<!-- // 健康设备-->
<!-- <HealthDevice :device="healthBand" />-->
<!-- //一分钟演讲-->
<SpeechModule />
<!-- 应用场景-->
<HealthDevice :device="bodyScale" />
<ApplicationScenes />
<!-- 下载-->
<DownloadSection />
<!-- <FooterContact />-->
</div>
</template>
<script setup lang="ts">
import Banner from './sections/Banner.vue'
import HealthDevice from './sections/HealthDevice.vue'
import SpeechModule from './sections/SpeechModule.vue'
import ApplicationScenes from './sections/ApplicationScenes.vue'
import DownloadSection from './sections/DownloadSection.vue'
import FeatureNav from '@/views/App/sections/FeatureNav.vue'
const bodyScale = {
title: '智能体脂秤',
desc: 'AI精准个性化健康方案服务<br/>智能穿戴设备数据监测,健康手环/你的专属健康管家,智能体脂秤、精准计算身体状态',
img: 'https://images.health.ufutx.com/202506/18/8bac1effee823f0f85b164e20b7ab08e.png'
}
</script>
<style scoped lang="less">
.app-page {
width: 100%;
overflow-x: hidden;
}
.section-divider {
text-align: center;
font-size: 50px;
color: @text-color;
font-weight: bold;
.mt(100px);
}
</style>