123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- <ion-header [translucent]="true">
- </ion-header>
- <ion-content [fullscreen]="true">
- <ion-header collapse="condense">
- <ion-toolbar>
- <ion-searchbar placeholder="搜索"></ion-searchbar>
- </ion-toolbar>
- </ion-header>
-
-
- <ion-card (click)="openEditModal()">
- <ion-card-content>
- <ion-grid>
- <ion-row>
- <ion-col size="3">
- <div class="info-box">初始</div>
- <div class="info-value">{{ initial }}</div>
- </ion-col>
- <ion-col size="3">
- <div class="info-box">当前</div>
- <div class="info-value">{{ current }}</div>
- </ion-col>
- <ion-col size="3">
- <div class="info-box">目标</div>
- <div class="info-value">{{ target }}</div>
- </ion-col>
- <ion-col size="3">
- <div class="info-box">赏金</div>
- <div class="info-value">{{ reward }}</div>
- </ion-col>
- </ion-row>
- </ion-grid>
- </ion-card-content>
- </ion-card>
-
- <div class="wave-container" (click)="navigateToTreePage()">
- <div class="wave-circle">
- <div class="wave">
- <div class="wave-inner">
- <span class="start-self-discipline">开始自律</span>
- </div>
- </div>
- </div>
- </div>
-
- <div class="daily-habit">
- <div class="daily-habit-line"></div>
- <div class="daily-habit-text">每日小习惯</div>
- </div>
-
-
- <ion-card>
- <ion-card-content>
- <ion-grid>
- <ion-row>
- <ion-col size="3">
- <button class="habit-button" (click)="toggleButtonColor('运动')">
- <ion-icon name="dumbbell"></ion-icon>
- <div class="habit-label">运动</div>
- </button>
- </ion-col>
- <ion-col size="3">
- <ion-button shape="round" class="habit-button" (click)="toggleButtonColor('少吃')">
- <ion-icon name="nutrition"></ion-icon>
- <div>少吃</div>
- </ion-button>
- </ion-col>
- <ion-col size="3">
- <ion-button shape="round" class="habit-button" (click)="toggleButtonColor('喝水')">
- <ion-icon name="water"></ion-icon>
- <div>喝水</div>
- </ion-button>
- </ion-col>
- <ion-col size="3">
- <ion-button shape="round" class="habit-button" (click)="toggleButtonColor('吃蔬菜')">
- <ion-icon name="leaf"></ion-icon>
- <div>吃蔬菜</div>
- </ion-button>
- </ion-col>
- </ion-row>
- <ion-row>
- <ion-col size="3">
- <ion-button shape="round" class="habit-button" (click)="toggleButtonColor('水果')">
- <ion-icon name="apple"></ion-icon>
- <div>水果</div>
- </ion-button>
- </ion-col>
- <ion-col size="3">
- <ion-button shape="round" class="habit-button" (click)="toggleButtonColor('经常站立')">
- <ion-icon name="walk"></ion-icon>
- <div>经常站立</div>
- </ion-button>
- </ion-col>
- </ion-row>
- </ion-grid>
- </ion-card-content>
- </ion-card>
- </ion-content>
-
|