import { Component } from '@angular/core'; import { Router } from '@angular/router'; import Swiper from'swiper'; @Component({ selector: 'app-tab1', templateUrl: 'tab1.page.html', styleUrls: ['tab1.page.scss'] }) export class Tab1Page { // 模拟用户数据用于用户推荐区域展示,这里定义了users属性并初始化了一些示例数据 users = [ { avatarUrl: 'path-to-user-avatar-1', name: '小敏', recommendation: '作为上班族,以前没时间去健身房,WisefitnessApp让我在家就能轻松锻炼,还能获取个性化饮食建议,健康生活触手可及!' }, // 可以添加更多用户数据 ]; constructor(private router: Router) {} ngOnInit() { // 创建Swiper实例 const swiper = new Swiper('.swiper-container', { // 这里可以设置Swiper的各种配置参数,比如是否显示分页器等 pagination: { el: '.swiper-pagination', clickable: true }, // 设置自动切换幻灯片的时间间隔(单位:毫秒),这里设置为5000毫秒,即5秒 autoplay: { delay: 5000 } }); } // 跳转到身体数据输入页面以开始定制计划 goToPlanCreation() { this.router.navigate(['/body-data-input']); } // 跳转到登录/注册页面 goToLogin() { this.router.navigate(['/login']); } // 跳转到用户评价与推荐页面 goToReviews() { this.router.navigate(['/user-reviews']); } // 以下是如果有详情按钮点击后的处理函数示例,这里只是占位,实际需要完善逻辑 showAIDetails() {} showCoachDetails() {} showCommunityDetails() {} // 打开隐私政策页面(这里只是示例,实际需要正确的路由或链接处理) openPrivacyPolicy() { this.router.navigate(['/privacy-policy']); } // 打开服务条款页面(这里只是示例,实际需要正确的路由或链接处理) openTermsOfService() { this.router.navigate(['/terms-of-service']); } }