2. 创建亮色和暗色自定义变量默认主题：暗色主题：3. vite.config.js配置添加css配置

hbuilderx自带的美化插件会缩进第一个标签部分，导致js和样式也都缩进了，看着不舒服，引入prettier插件进行处理。3. 当进行代码格式化时选择prettier进行格式化。2. 安装后可以在插件列表的配置中进行配置。1. 插件市场中找到Prettier。

其中mousedown应该绑定被拖拽的元素，而mouseup就所谓了，mousemove一般通过document或者window进行监听，当然也可以是父容器。最后的问题是下边界无需处理，由于元素已经脱离了标准流，会导致父元素高度塌陷，为了能够显示父元素高度以此来添加背景颜色，这里需要用给父容器实时获取最新高度。这里的做法时容器高度如果小于屏幕内在高度就会等于屏幕内在高度就解决问题了。容器就会不断变