Merge remote-tracking branch 'origin/master' into dev-sws

v1.0.0
sws 2024-10-21 09:36:00 +08:00
commit dc39937a7e
5 changed files with 49 additions and 37 deletions

View File

@ -1,6 +1,6 @@
MIT License MIT License
Copyright (c) 2024 ShopXO免费开源商城DIY Copyright (c) 2024 ShopXO免费开源商城 - DIY装修
Permission is hereby granted, free of charge, to any person obtaining a copy Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal of this software and associated documentation files (the "Software"), to deal

View File

@ -1,57 +1,67 @@
![输入图片说明](md-demo.png) <p align="center">
# vue3-vite <img src="https://shopxoserver.oss-cn-beijing.aliyuncs.com/demo/system/logo.jpg" width="360" />
</p>
This template should help get you started developing with Vue 3 in Vite. <h3 align="center">ShopXO企业级免费开源电商系统 - DIY装修</h3>
## Recommended IDE Setup <div align="center">
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin). ```shell
如果对您有帮助,您可以点右上角 “Star” 收藏一下 ,获取第一时间更新,谢谢!
```
## Type Support for `.vue` Imports in TS </div>
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)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) 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](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps: ### 项目介绍
* 后端支持依托于ShopXO免费开源电商系统开发的DIY装修源码
* 内置几十种标准组件,热区、魔方、自定义等等...,支持拖拽可视化自由设计、满足各大行业需求
* 已支持小程序微信、QQ、百度、支付宝、头条&抖音、快手)+ H5 + APP
1. Disable the built-in TypeScript Extension #### 官方QQ群、答案`shopxo.net`
1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette * 官方DIY群934312116
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 ### 当前项目源代码平台
* Gitee[https://gitee.com/zongzhige/shopxo-diy](https://gitee.com/zongzhige/shopxo-diy)
* GitHub[https://github.com/gongfuxiang/shopxo-diy](https://github.com/gongfuxiang/shopxo-diy)
* GitCode[https://gitcode.net/zongzhige/shopxo-diy](https://gitcode.net/zongzhige/shopxo-diy)
See [Vite Configuration Reference](https://vitejs.dev/config/). ### ShopXO后端源代码平台
* Gitee[https://gitee.com/zongzhige/shopxo](https://gitee.com/zongzhige/shopxo)
* GitHub[https://github.com/gongfuxiang/shopxo](https://github.com/gongfuxiang/shopxo)
* Coding[https://zongzhige.coding.net/public/shopxo/shopxo/git](https://zongzhige.coding.net/public/shopxo/shopxo/git)
* GitCode[https://gitcode.net/zongzhige/shopxo](https://gitcode.net/zongzhige/shopxo)
## Project Setup ### uniapp手机端源代码平台
* Gitee[https://gitee.com/zongzhige/shopxo-uniapp](https://gitee.com/zongzhige/shopxo-uniapp)
* GitHub[https://github.com/gongfuxiang/shopxo-uniapp](https://github.com/gongfuxiang/shopxo-uniapp)
* Coding[https://zongzhige.coding.net/public/shopxo/uniapp/git](https://zongzhige.coding.net/public/shopxo/uniapp/git)
* GitCode[https://gitcode.net/zongzhige/shopxo-uniapp](https://gitcode.net/zongzhige/shopxo-uniapp)
* uni-app[https://ext.dcloud.net.cn/plugin?id=6380](https://ext.dcloud.net.cn/plugin?id=6380)
### DIY图片展示
![DIY图片](https://shopxoserver.oss-cn-beijing.aliyuncs.com/demo/diy/diy.jpg "DIY图片")
## 安装依赖包
```sh ```sh
npm install npm install
``` ```
### Compile and Hot-Reload for Development ### 本地开发调试
```sh ```sh
开发调试
npm run dev npm run dev
``` ```
### Type-Check, Compile and Minify for Production ### 开发环境
* 想要运行项目根目录需要存在temp.d.ts文件否则运行和打包都会报错
```sh ```sh
开发环境
npm run build npm run build
## 想要运行项目需要在根目录上新增一个文件temp.d.ts文件否则运行和打包都会报错
``` ```
### 生产环境
* 想要运行项目根目录需要存在temp_pro.d.ts文件否则运行和打包都会报错
```sh ```sh
生产环境
npm run build-pro npm run build-pro
``` ```
### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```
## 想要运行项目需要在根目录上新增一个文件temp.d.ts文件否则运行和打包都会报错

5
changelog.md Normal file
View File

@ -0,0 +1,5 @@
## v6.3.02024-10-21
1. 发布DIY装修可以自由设计手机模板
2. 内置基础组件【轮播、搜索、用户信息、导航组、公告、视频、选项卡、选项卡轮播、文章选项卡、文章列表、商品选项卡、商品列表、图片魔方、数据魔方、热区、自定义】
3. 内置插件组件【限时秒杀、优惠券】
4. 内置工具组件【标题、悬浮按钮、辅助空白、横线、富文本】

View File

@ -1,16 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" style="overflow: hidden;"> <html lang="en" style="overflow: hidden;">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>装修</title> <title>DIY装修</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 66 KiB