老师,menu组件不太会写

来源:7-2 项目作业

一心励志当码农

2021-07-12 10:29:32

一级二级菜单把我整不会了,没有思路

写回答

1回答

好帮手慕然然

2021-07-12

同学你好,可以参考以下思路来实现:

首先,menu组件实现的目录结构,如图所示:

http://img.mukewang.com/climg/60ebb7b3098f0d6902890437.jpg

其次,目录结构中每个文件的作用分别为:

1、v-menu.art为一级菜单组件、sec-menu.art为二级菜单组件,参考代码如图

http://img.mukewang.com/climg/60ebb7f709775b3f08950575.jpg

http://img.mukewang.com/climg/60ebb7f709c0f5f308120472.jpg

2、v-menu.css为一二级菜单样式,参考之前项目写好的菜单样式即可。

3、images文件夹中为菜单小图标

4、config.js文件为ajax请求的url信息,参考代码如图

http://img.mukewang.com/climg/60ebb8310958796709250335.jpg

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

http://img.mukewang.com/climg/60ebb86009285c5909530578.jpg

http://img.mukewang.com/climg/60ebb866093ea12a09910497.jpg

http://img.mukewang.com/climg/60ebb86b09e1fd3f11620853.jpg

http://img.mukewang.com/climg/60ebb870090dffc610810388.jpg

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

http://img.mukewang.com/climg/60ebb88b096cbf5c11390417.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程