|
|
@@ -30,48 +30,6 @@
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
- <!-- 食物热量计算 -->
|
|
|
- <section class="service-section">
|
|
|
- <h2>热量计算工具</h2>
|
|
|
- <div class="calorie-calculator">
|
|
|
- <div class="food-search">
|
|
|
- <input type="text" [(ngModel)]="searchFoodQuery" placeholder="搜索食物..." />
|
|
|
- </div>
|
|
|
- <div class="food-list">
|
|
|
- @for (item of foodItems; track item.id) {
|
|
|
- <div class="food-item">
|
|
|
- <div class="food-info">
|
|
|
- <span class="food-name">{{ item.name }}</span>
|
|
|
- <span class="food-category">{{ item.category }}</span>
|
|
|
- </div>
|
|
|
- <div class="food-nutrition">
|
|
|
- <span>{{ item.calories }} kcal</span>
|
|
|
- <span>{{ item.protein }}g 蛋白质</span>
|
|
|
- </div>
|
|
|
- <button class="add-food-btn" (click)="addFoodToCalculator(item)">+ 添加</button>
|
|
|
- </div>
|
|
|
- }
|
|
|
- </div>
|
|
|
- @if (selectedFoods.length > 0) {
|
|
|
- <div class="calculator-results">
|
|
|
- <h3>已选食物</h3>
|
|
|
- <div class="selected-foods">
|
|
|
- @for (food of selectedFoods; track food.item.id) {
|
|
|
- <div class="selected-food">
|
|
|
- <span>{{ food.item.name }} x {{ food.quantity }}</span>
|
|
|
- <button class="remove-food-btn" (click)="removeFoodFromCalculator(food.item.id)">×</button>
|
|
|
- </div>
|
|
|
- }
|
|
|
- </div>
|
|
|
- <div class="nutrition-summary">
|
|
|
- <p><strong>总热量:</strong> {{ calculateTotalCalories() }} kcal</p>
|
|
|
- <p><strong>总蛋白质:</strong> {{ calculateTotalProtein() }} g</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- }
|
|
|
- </div>
|
|
|
- </section>
|
|
|
-
|
|
|
<!-- 运动组队 -->
|
|
|
<section class="service-section">
|
|
|
<h2>运动组队</h2>
|