- 在app组件中添加一个
drag zone active状态数据，默认值为fast。 - 在组件模板中找到
drag zoom元素并绑定drag enter和drag leave事件。drag enter事件触发时设置drag zone active为真。drag leave事件触发时设置drag zone active为假。
- 根据
drag zone active的值动态绑定class属性，数组中包括drag zoom和依赖drag zone active的active类。 - 在组件样式表中设置
.action active类的样式，包括背景色和文字颜色。 - 在浏览器测试拖放文件到该区域时，
active类会被添加到元素上，释放鼠标后会移除该类。 - 找到处理
drop事件的on job drag zoom函数，设置job drag zoom active为假，以移除active类。 - 测试文件拖入和离开区域时样式的变化。