老师,menu组件不太会写
来源:7-2 项目作业
一心励志当码农
2021-07-12 10:29:32
一级二级菜单把我整不会了,没有思路
1回答
同学你好,可以参考以下思路来实现:
首先,menu组件实现的目录结构,如图所示:

其次,目录结构中每个文件的作用分别为:
1、v-menu.art为一级菜单组件、sec-menu.art为二级菜单组件,参考代码如图


2、v-menu.css为一二级菜单样式,参考之前项目写好的菜单样式即可。
3、images文件夹中为菜单小图标
4、config.js文件为ajax请求的url信息,参考代码如图

5、index.js文件,用于实现菜单功能,参考代码如图




最后,在index.art文件中设置一个div盒子用于放置menu组件,参考代码如图

祝学习愉快!
相似问题