修复了model-hot-zone组件中容器和热点区域缩放比例计算错误的问题。之前,缩放比例计算没有准确反映容器和热点区域的大小关系,导致缩放行为不正确。此更新确保缩放比例准确计算,提高了组件的准确性和性能。同时,移除了不必要的console.log调用,以避免在控制台生成无关的日志输出。 fix(model-img-magic): 修正样式计算并统一间距和圆角设置 解决了model-img-magic组件中与图片间距和圆角设置相关的计算错误。更新后,组件的图片间距和圆角设置现在正确应用,并且与开发规范保持一致。同时,修正了组件宽度的计算方法,确保组件能够正确地根据容器大小调整。 fix(vite.config.ts): 调整资源文件夹名称以符合项目标准 将vite.config.ts中的资源文件夹名称从'diy'调整为'assets',以符合项目的命名标准。此更改确保所有静态资源都存放在预期的目录中,便于管理和查找。 sws 2024-08-12 |
||
|---|---|---|
| public | ||
| src | ||
| .env.development | ||
| .env.production | ||
| .env.staging | ||
| .eslintignore | ||
| .eslintrc-auto-import.json | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc.cjs | ||
| README.md | ||
| index.html | ||
| package.json | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
README.md
vue3-vite
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
- Run
Extensions: Show Built-in Extensionsfrom VSCode's command palette - Find
TypeScript and JavaScript Language Features, right click and selectDisable (Workspace)
- Run
- Reload the VSCode window by running
Developer: Reload Windowfrom the command palette.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Lint with ESLint
npm run lint