rou/front-end-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
2a65ba8c6a1e6ce0bae4222ef9f3f55419c630a2
front-end-example/07-vue2/06-class-style-and-event
History

README.md

练习 6：动态类名、样式和事件

目标

学会让组件状态直接影响样式和交互反馈。

你要练什么

  • :class
  • :style
  • v-on
  • 点击切换状态

任务

请基于页面结构完成以下操作：

  • 点击卡片切换激活状态
  • 根据激活状态切换类名
  • 根据进度值动态改变进度条宽度

文件