- 开始准备一个演示组件，修改app组件的模板，加入一个配置类，并在其上添加一个带有card header的card组件。
- 在card内部添加标题元素，绑定输出name，并设置card subtitle为“transition and animation”。
- 同级别下添加一个元素diff，包含correct content和emotion元素，后者是一个表情符号。
- 在card content同级别添加按钮元素，按钮上的文本是“请按这里”。
- 导入样式表，位置在当前目录的style目录下的card.css文件。
- 设置card样式，将display设为flex，方向为column，居中对齐，最大宽度300像素。
- box-sizing设为border-box，内边距32像素，外边距水平居中垂直为0，背景色#f8f8f8，圆角10像素。
- 设置card header文本居中，标题和副标题的字号分别适配。
- 内容区域最小高度为250像素，设计按钮样式，包括边框，背景，内外边距，并设置鼠标为pointer。
- 按钮激活状态下透明度设置为0.8。
- 配置app.css中相关类的样式，设置内外边距，并调整emogene类的字号为80像素。