自定义PC页面顶部分类教程今天它来啦
原创
1、增加sql语句，组合数据表：eb_system_group（表前缀有更改，请手动变更）
INSERT INTO `eb_system_group` (`id`, `cate_id`, `name`, `info`, `config_name`, `fields`) VALUES (NULL, 0, 'PC页面链接', 'PC页面链接', 'pc_link', '[{\"name\":\"\\u540d\\u79f0\",\"title\":\"name\",\"type\":\"input\",\"param\":\"\"},{\"name\":\"\\u5730\\u5740\",\"title\":\"link\",\"type\":\"input\",\"param\":\"\"}]');2、 在后台设置->系统维护->开发配置->组合数据 中找刚才添加的PC页面链接，如图：
打开数据列表，自定义添加PC页面存在链接：
3、 pc端接口定义：在route/api.php文件 搜索‘pc’,定义接口在不需要授权登录分组中，如下：
Route::get('get_top_category', 'pc.HomeController/getTopCategory')->name('getTopCategory');//获取顶部分类4、 在控制器文件目录：app/controller/api/pc/HomeController 中定义方法：getTopCategory，如下：
public function getTopCategory()
{
$list = sys_data('pc_link');
return app('json')->successful($list);
}sys_data方法详解：https://doc.crmeb.com/web/pro/crmebpro/237 到这里数据和后端接口就定义完成 5、 修改pc端代码，完整包中代码路径：view/pc (1)、文件components/headers.vue 定义获取顶部分类方法：
getTopCategory() {
this.$axios.get("/pc/get_top_category").then((res) => {
this.headerList = res.data;
});
},在created()中调用；如图
（2） 修改data中headerList为空数组 （3） 修改遍历展示分类如图：
注意： 1、 pc修改现在本地测试通过，然后打包放入服务器public/home下，打包教程：https://doc.crmeb.com/web/pro/crmebpro/261 2、 分类数据排序（降序排序）
效果图如下：
最后
如果你觉得这篇文章对你有点用的话，麻烦请给我们的开源项目点点star:http://github.crmeb.net/u/defu不胜感激 ！
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
