| 123456789101112131415161718192021222324 |
- import { ChangeDetectionStrategy, Component, input } from '@angular/core';
- @Component({
- selector: 'app-lesson-feedback', standalone: true,
- changeDetection: ChangeDetectionStrategy.OnPush,
- template: `
- <dl class="feedback-content">
- <div class="learning-content"><dt>学习内容</dt><dd>{{ feedback()['contentSummary'] || '未补充' }}</dd></div>
- <div><dt>复习 / 生词本</dt><dd>{{ feedback()['reviewStatus'] || '未补充' }}</dd>@if(feedback()['reviewSummary']) { <dd>{{ feedback()['reviewSummary'] }}</dd> }</div>
- <div><dt>训练进度</dt>@if(feedback()['trainingStatus']) { <dd>{{ feedback()['trainingStatus'] }}</dd> }<dd>{{ feedback()['trainingSummary'] || '未补充' }}</dd></div>
- <div><dt>老师点评</dt><dd>{{ feedback()['coachComment'] || '未补充' }}</dd></div>
- <div class="homework-content"><dt>课后作业</dt><dd>{{ feedback()['noHomework'] ? '本次无作业' : feedback()['homework'] || '未补充' }}</dd></div>
- </dl>
- `,
- styles: [`
- :host{display:block}.feedback-content{margin:0;display:grid;gap:16px}
- .feedback-content>div{min-width:0}.feedback-content dt{margin-bottom:5px;color:var(--ink-soft);font-size:12px;line-height:1.5}
- .feedback-content dd{margin:0;color:var(--ink);font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
- .feedback-content dd+dd{margin-top:4px}.learning-content,.homework-content{padding:14px;border-radius:12px;background:var(--surface-muted)}
- .learning-content dd{font-weight:600}.homework-content{border-left:3px solid var(--brand-strong)}
- @media(min-width:600px){.feedback-content{grid-template-columns:1fr 1fr;gap:20px}.learning-content,.homework-content{grid-column:1/-1}}
- `],
- })
- export class LessonFeedbackComponent { readonly feedback = input.required<Record<string, unknown>>(); }
|
