O昵称重要吗O
95eccdb4c3
- 重构拖拽手柄样式，使用新的渐变条形设计替代原有灰色线条 - 添加图标包装器容器，统一管理菜单项图标的显示和交互 - 集成动态图标切换功能，根据静音状态显示不同图标（音量高/静音） - 更新麦克风图标为更直观的麦克风/禁用麦克风图标 - 替换控制台图标为显示器图标，提高功能识别度 - 实现静音状态响应式更新，通过 isMuted 和 isTeacherMuted 状态追踪 - 调整菜单项点击逻辑，支持静音/取消静音双向切换 - 优化菜单项样式，添加悬停缩放效果和背景过渡动画 - 改进图标容器样式，增加圆角背景和阴影效果 - 调整文字颜色和阴影，提升在半透明背景下的可读性 - 重新组织CSS类结构，提高代码可维护性和复用性
说明
VSCode + vue3.4+ + typescript5.3+ + vite5.0+ + element-plus2.6+
crates地址
解决 提交代码时提示 npx: not found
- 在
C:\Users\你等用户名\.config\husky目录下新建init.sh - 在
init.sh文件中输入eval "$(fnm env --use-on-cd)"并保存 - 重启vscode
使用淘宝源镜像(解决安装慢)
# 全局设置全局设置后无需每次 添加后缀--registry https://registry.npmmirror.com/
npm config set registry https://registry.npmmirror.com/
# 配置后可通过下面方式来验证是否成功
npm config get registry
# 果想还原npm仓库地址的话,只需要在把地址配置成npm镜像就可以了
npm config set registry https://registry.npmjs.com
# 仅在每次使用时指定淘宝源,即在后面添加 --registry https://registry.npmmirror.com/ 如安装yarn：
npm install -g yarn --registry https://registry.npmmirror.com/
npm install -g npm-check-updates --registry https://registry.npmmirror.com/
代理
命令提示符 (CMD)
#依次输入以下命令：
set https_proxy=http://127.0.0.1:7890
set http_proxy=http://127.0.0.1:7890
set all_proxy=socks5://127.0.0.1:7890
PowerShell
#依次输入以下命令：
$env:https_proxy="http://127.0.0.1:7890"
$env:http_proxy="http://127.0.0.1:7890"
$env:all_proxy="socks5://127.0.0.1:7890"
初始化
npm install
运行
npm run dev # 测试版
npm run build # 构建正式版
npm run serve # 正式版预览 (需要先运行 npm run build)
快速删除 node_modules 包
npm install rimraf -g
检测或更新依赖包
# 先安装检测工具
npm install -g npm-check-updates # 或 yarn add -g npm-check-updates
ncu # 或 npm-check-updates 检测
ncu -g # 全局检测
ncu -u # 或 npm-check-updates -u 更新
ncu --target greatest # 检测最大版本(不一定是最新)
ncu --target newest # 检测最新的(包含测试版)
其他说明
Element Plus 可以在支持 ES2018(ES9) 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器,请自行添加 Babel 和相应的 Polyfill 。
代码还使用了 可选链 (?.) ,在测试环境下请注意浏览器是否支持可选链,打包时可通过配置 vite 中的 build.target 来兼容 。
部分 api 支持的最低版本
| API | chrome | firefox | safari |
|---|---|---|---|
| 可选链(?.) | 80 | 74 | 13.1 |
| ResizeObserver | 69 | 64 | 13.1 |
当前主流浏览器内核版本号（2022.10.12）
| 浏览器 | 内核版本 | 是否支持 |
|---|---|---|
| Opera浏览器 | 103 | 完全支持 |
| 青鸟浏览器 | 97 | 完全支持 |
| 遨游浏览器 | 96 | 完全支持 |
| QQ浏览器 | 94 | 完全支持 |
| 双核浏览器 | 101 | 完全支持 |
| 360浏览器 | 114 | 完全支持 |
| 360极速浏览器 | 108 | 完全支持 |
| 搜狗浏览器 | 94 | 完全支持 |
| 猎豹浏览器8 | 79 | 仅编译后支持,开发阶段不支持可选链 |
| 2345 加速浏览器 | 109 | 完全支持 |