首页
产品
跨平台多应用终端
小程序商城
PC端商城
H5公众号商城
安卓APP商城
苹果APP商城
管理后台
特色功能
限时秒杀
拼团/砍价
优惠券
积分签到
大转盘抽奖
商家入驻
自动打单
分销系统
会员折扣
佣金提现
更多功能
产品系列
单商户商城系统-PHP
100%开源 | B2C | 单商户标准版 | 自营商城
产品介绍
产品演示
Gitee
GitHub
单商户商城系统-JAVA
100%开源 | B2C | 单商户Java版 | 自营商城
产品介绍
产品演示
单商户高级商城系统-PHP
100%开源 | B2C | 单商户高级版 | 自营商城
产品介绍
产品演示
单商户SaaS商城系统-PHP
100%开源 | B2C | 单商户SaaS版 | 无限多开 | 自营商城
产品介绍
产品演示
多商户标准商城系统-PHP
100%开源 | B2B2C | 多商户 | 平台商城
产品介绍
产品演示
多商户重构版商城系统-PHP
100%开源 | B2B2C PLUS| 多商户 | 平台商城
产品介绍
产品演示
社区团购系统-PHP
100%开源 | 社区团购 | 生鲜团购系统 | 社区团购开源
产品介绍
产品演示
连锁点餐系统-PHP
100%开源 | 外卖点餐 | 总部+多门店 | 茶饮
产品介绍
产品演示
上门家政系统-PHP
100%开源 | 上门家政 | 家政系统 | 一站式家政解决方案
产品介绍
产品演示
上门家政系统-JAVA
100%开源 | 上门家政 | 家政系统 | 一站式家政解决方案
产品介绍
产品演示
知识付费系统-PHP
100%开源 | 知识付费|在线学习 | 专业内容付费系统
产品介绍
产品演示
知识付费系统-JAVA
100%开源 | 知识付费|在线学习 | 专业内容付费系统
产品介绍
产品演示
回收租赁系统-PHP
100%开源 | 回收租赁 | 商城+回收+租赁
产品介绍
产品演示
同城跑腿系统-PHP
100%开源 | 跑腿系统 | 同城跑腿系统
产品介绍
产品演示
CRM系统-JAVA
CRM | CRM系统 | CRM Java |
产品介绍
产品演示
CRM系统-PHP
CRM | CRM系统 | CRM PHP |
产品介绍
产品演示
价格
文档
正版
授权查询
更多
关于我们
提交工单
联系我们
AI编程
likeadmin
ChatMoneyAI
演示中心
源码下载
登录/注册
likeshop开发文档
单商户高级版-开发文档
展开
❗ 必看说明
说明
✅ 部署上线
服务器域名准备工作
阿里云怎么安装宝塔面板、域名解析、开放端口等①
腾讯云怎么安装宝塔面板、域名解析、开放端口等②
华为云怎么安装宝塔面板、域名解析、开放端口③
宝塔部署
服务端宝塔面板部署①
phpStudy部署安装②
发布上线
准备工作
微信小程序如何发布上线①
微信公众号商城发布上线②
安卓苹果APP③
PC端SEO模式④
定时任务
宝塔定时任务配置①
linux定时任务配置②
在线客服
环境配置
系统设置
短信配置
腾讯短信配置
🅰️ 数据接口
必看
接口文档
📘 数据库字典
数据库字典
🛠️ 二次开发
功能
后台DIY组件二次开发
后台菜单
目录结构
likeshop单商户高级版目录结构
前端
管理后台二开编译上线
nuxt.js PC端如何并发布
uniapp H5(手机网页)编译后如何发布
服务端
接口说明
列表类使用
导出功能
问题合集
支付宝支付后,后台订单显示未支付
显示当前无法更新版本
进行授权后无法访问
前端使用nvm切换node版本问题
后台DIY组件二次开发
## 组件目录结构 所有diy组件位于`web/components/decorate`中 **├─📂decorate** //decorate **│ ├─pc-widgets ** //所有的pc控件 **│ ├─widgets** // 所有的移动端控件 **│ ├─.vue** // 其他相关组件 **|** ### 每个控件组成 每个控件组成如下: **├─📂banner ** //banner控件 **│ ├─attribute.vue **//用于渲染右侧的属性设置 **│ ├─contents.vue **//控件在画布中的实际展示效果 **│ ├─index.ts **//导出所有的vue组件 **│ ├─widget.vue **//包裹contents.vue组件,为控件添加操作按钮 **|** ## 控件数据 所有的可拖拽控件数据位于`web/utils/decorate.ts`,这些数据会渲染在左侧的可拖拽控件列表中 ### 每个控件的数据组成 ```js { title: '轮播图', //控件的标题 name: 'banner', //控件的name值,用于vue的动态组件 icon: icon_banner, //图标 show: 1,//是否展示 operate: [], //悬浮按钮配置 默认不填为:['hidden', 'delete', 'copy', 'moveup', 'movedown'] content: { data: [ { url: '', link: {} } ] },//右侧属性设置绑定的内容,里面的内容可以自由定义 styles: { root_bg_color: 'rgba(0,0,0,0)', border_radius: 0, // 图片圆角 indicator_style: 1, //指示器样式 indicator_align: 'left', //指示器位置 indicator_color: '#FF2C3C', //指示器颜色 padding_top: 0,//上间距 padding_horizontal: 0,//左右间距 padding_bottom: 0//下间距 } //右侧属性设置绑定的样式,里面的内容可以自由定义 } ``` ## 如何添加一个控件 1. 在`web/utils/decorate.ts`中添加控件数据 2. 在 `web/components/decorate/widgets`中新建控件 目录如下: **├─📂banner ** //banner控件 **│ ├─attribute.vue **//用于渲染右侧的属性设置 **│ ├─contents.vue **//控件在画布中的实际展示效果 **│ ├─index.ts **//导出所有的vue组件 **│ ├─widget.vue **//包裹contents.vue组件,为控件添加操作按钮 **|** 3. 注册控件 在 `web/components/decorate/widgets/index.ts`中注册 ```js ... import banner from './banner' ... export default { ... banner // 注意字段名要与控件数据的name字段一样,不燃组件无法正常喧嚷 ... } ``` 4. 在前台中添加实际渲染的控件 uniapp中位于`uniapp/components/widgets`,pc中位于`pc/components/widgets` 在实际的页面中注册:如在`uniapp/pages/index/index.vue`和`uniapp/pages/page/page.vue`中添加 ![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=0f43ba9003f250fcae8af9589d163dae)