ShopXO商城DIY装修组件 - 移动端可视化拖拽装修,支持小程序、H5、APP
 
 
 
Go to file
sws 4332aa1e32 ### 优化与修复
1. 优化加载动画:调整加载动画的时长设置,以增强用户体验。由500毫秒调整至1000毫秒,确保页面完全加载后动画再消失。
2. 修复图片路径引用:在`model-coupon-setting`组件中,修正图片路径引用方式。使用`ref`来异步获取图片路径,并解决在`onBeforeMount`钩子中设置路径的问题。
3. 调整文件输出路径:在`vite.config.ts`中,修改文件的输出路径以优化资源管理。将`chunk`和`entryFileNames`的路径从`static/admin/default/diy`调整为`static/diy`,以适应最新的资源组织结构。
4. 重构布局模板:在`layout/index.vue`中,对布局模板进行重构,以提高代码的可读性和维护性。通过`loading_content`状态管理加载动画的显示与隐藏,更清晰地控制页面的渲染流程。

通过这些改进,系统性能和稳定性得到进一步提升,同时也优化了开发和维护的便利性。
2024-09-06 13:40:59 +08:00
public
src ### 优化与修复 2024-09-06 13:40:59 +08:00
.env.development 1.上传分类接口联调 2024-08-14 18:38:23 +08:00
.env.production 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
.env.staging 1.链接优化 2024-08-19 15:11:44 +08:00
.eslintignore 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
.eslintrc-auto-import.json 商品显示更新 2024-08-21 14:07:26 +08:00
.eslintrc.cjs 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
.gitignore 从`.gitignore`文件中移除了对`src/types/components.d.ts`的忽略。 2024-09-05 17:07:33 +08:00
.prettierignore Merge branch 'dev-yxl' into dev-sws 2024-08-13 18:38:53 +08:00
.prettierrc.cjs 1.shopxo-diy装修项目,代码引入 2024-08-12 10:50:50 +08:00
LICENSE add LICENSE. 2024-08-14 15:09:01 +00:00
README.md demo 2024-08-23 20:29:12 +08:00
index.html
md-demo.png demo 2024-08-23 20:29:12 +08:00
package.json 1.代码优化 2024-09-02 14:02:05 +08:00
temp_pro.d.ts 删除temp_pro.d.ts中的导出变量 2024-09-05 18:31:36 +08:00
tsconfig.app.json
tsconfig.json
tsconfig.node.json
vite.config.ts ### 优化与修复 2024-09-06 13:40:59 +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