没有找到一篇关于mall-cook详细使用的文章,都是大佬,对我们太不友好了。自己一点一点摸索出来,在这分享,便于想去了解的小伙伴们( 忘记了有个地方看)
介绍的是关于mall-cook的diy
一步一步分析,实现的逻辑:
首先在 git下载 mall-cook 开源代码
管理后台配置diy
找到schema 生成器页面
schema 生成器对应的.vue
分析:
<ul class="schema-head">
<li>schema 生成器</li>
<li>
<el-button size="small" @click="resetSchema">重置 schema</el-button>
<el-button size="small" class="f-white bg-theme" @click="exportSchema">导出 schema</el-button>
</li>
</ul>
对应
<div class="schema-body">
<schema-content></schema-content>
</div>
对应
<!-- 导出schema 弹窗 -->
<schema-export ref="export"></schema-export>
对应
我们先看中间模块
<schema