12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- 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']);
- }
- }
|