立体键盘/盲打练习
演示
按键数据准备
onInit: $v.keys, $v.label
按键布局
数据组件嵌套,动态类名,组件树hover高亮外观
CSS变量:一次定义多次使用
颜色变量:不仅用于字体颜色还用在按下状态的边框和阴影中
box-shadow, preserve-3d, perspective
onKeyDown
$event.code,$event.preventDefault(),添加类名onKeyUp
清除类名盲打
$v.all:除了Fn和MetaLeft外的所有按钮
定义函数,执行函数动效
transition,animation,背光