ShopXO商城DIY装修组件 - 移动端可视化拖拽装修,支持小程序、H5、APP
 
 
 
Go to file
sws b7c5d87691 1.fix(model-hot-zone): 修复缩放比例计算错误并移除不必要的日志输出
修复了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
2024-08-12 19:00:03 +08:00
public 1.shopxo-diy装修项目,代码引入 2024-08-12 10:18:11 +08:00
src 1.fix(model-hot-zone): 修复缩放比例计算错误并移除不必要的日志输出 2024-08-12 19:00:03 +08:00
.env.development 修改页面显示 2024-08-12 16:52:01 +08:00
.env.production 修改页面显示 2024-08-12 16:52:01 +08:00
.env.staging 修改页面显示 2024-08-12 16:52:01 +08:00
.eslintignore 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
.eslintrc-auto-import.json 解决冲突 2024-08-12 17:40:10 +08:00
.eslintrc.cjs 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
.gitignore 1.shopxo-diy装修项目,代码引入 2024-08-12 10:18:11 +08:00
.prettierignore 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
.prettierrc.cjs 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
README.md 1.shopxo-diy装修项目,代码引入 2024-08-12 10:18:11 +08:00
index.html 1.shopxo-diy装修项目,代码引入 2024-08-12 10:18:11 +08:00
package.json 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
tsconfig.app.json 1.shopxo-diy装修项目,代码引入 2024-08-12 10:18:11 +08:00
tsconfig.json 1.shopxo-diy装修项目,代码引入 2024-08-12 10:18:11 +08:00
tsconfig.node.json 1.shopxo-diy装修项目,代码引入 2024-08-12 10:18:11 +08:00
vite.config.ts 1.fix(model-hot-zone): 修复缩放比例计算错误并移除不必要的日志输出 2024-08-12 19:00:03 +08:00

README.md

vue3-vite

This template should help get you started developing with Vue 3 in Vite.

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:

  1. Disable the built-in TypeScript Extension
    1. Run Extensions: Show Built-in Extensions from VSCode's command palette
    2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
  2. Reload the VSCode window by running Developer: Reload Window from 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