# 任务安排

# 1. 搭建界面

使用的组件库 element-plus

因为我们使用的是上面的组件库，所以在 (墨刀)[https://element-plus.gitee.io/zh-CN/component/switch.html# 基础用法
] 上找到合适模板（界面差不多能够用上面的组件库搭建起来的），然后修改模板成咱们的（好像我看到过有些模板就有 element-plus 的标签）

# 2. 落实界面

前置知识，node.js，typescript，vue 工程，css 布局（重点了解 flex 布局和 grid 布局，更先进的我也不知道了，请教请教）

参考博客 链接 博客的右上角有个搜索按钮，直接搜相关的内容，大概看看就直接上手

将上面的界面用代码写出来，主要是 CSS 搭建组件

在布局的时候可能得考虑一下手机浏览器和电脑浏览器上的效果？

# 备注

上面的界面还只是静态的展示，之后可能使用 @animxyz/vue3 包给界面添加上动画效果