tab1.page.ts 2.0 KB

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