分类：菜单栏

2020
11-08

vue实现顶部菜单栏

vue实现顶部菜单栏 vue实现顶部菜单栏，同一个页面两个菜单按钮之间的切换先看展示结果：点击第一个按钮，显示内容1点击第二个按钮，展示内容2下面上源码：注意哦，一定要代码规划，别学我(⊙o⊙)<template><div><divclass="tab-content"><divclass="tab-content1"@click="cur=1":class="{active:cur==1}"><span>数据标注</span></div><divclass="tab-content2"@click="cur=2":class="{active:cur==2}">案件数</div></div><divclas... 继续阅读 >
2020
10-08

Android底部菜单栏（RadioGroup+Fragment）美化

Android底部菜单栏（RadioGroup+Fragment）美化 众所周知，android的底部菜单栏太重要，平时项目一般都是需要用到的，但是网上关于这方面的demo做得太丑了，实在惨不忍睹，所以这里便用RadioGroup+Fragment的方式写了一个，顺便美化了一下，需要的可以看下。效果图：项目结构MainActivity.javapublicclassMainActivityextendsAppCompatActivity{privateFrameLayoutframeLayout;privateRadioGroupradioGroup;privateFragment[]mFragments;privateintmIndex;@... 继续阅读 >
2020
10-08

Vue结合路由配置递归实现菜单栏功能

Vue结合路由配置递归实现菜单栏功能 前言在日常开发中，项目中的菜单栏都是已经实现好了的。如果需要添加新的菜单，只需要在路由配置中新增一条路由，就可以实现菜单的添加。相信大家和我一样，有时候会跃跃欲试自己去实现一个菜单栏。那今天我就将自己实现的菜单栏的整个思路和代码分享给大家。本篇文章重在总结和分享菜单栏的一个递归实现方式，代码的优化、菜单权限等不在本篇文章范围之内，在文中的相关部分也会做一些提示，有个别不推荐的写法希望大家不要参考哦... 继续阅读 >
2020
09-24

JavaScript实现横版菜单栏

本文实例为大家分享了JavaScript实现横版菜单栏的具体代码，供大家参考，具体内容如下示例代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>横版菜单栏</title><style>.active{background-color:aqua;}.hide{display:none;}.menu{background-color:#667dbd;width:300px;height:30px;}.menu-item{border:#bd342dsolid2px;cursor:pointer;/*鼠标悬停在相应标签上时变成... 继续阅读 >