page-plan.component.html 705 B

123456789101112131415161718192021222324252627
  1. <div class="container">
  2. <div class="card">
  3. <div class="header">
  4. <h1>我的运动方案</h1>
  5. <p>根据您的健康状况和目标,定制了以下个性化运动方案</p>
  6. </div>
  7. <!-- 显示运动计划内容,如果 plan 不为空 -->
  8. @if(plan){
  9. <div class="plan-content">
  10. <h2>我的方案</h2>
  11. <div class="plan-text">
  12. <div>{{ plan }}</div> <!-- 绑定 plan 数据 -->
  13. </div>
  14. </div>
  15. }
  16. <!-- 显示加载中的状态 -->
  17. <ng-template #loading>
  18. <div class="loading">
  19. <p>加载中...</p>
  20. </div>
  21. </ng-template>
  22. <button class="exit-button" (click)="exitPlan()">退出</button>
  23. </div>
  24. </div>