分类：面包屑

2020
11-17

vue 使用localstorage实现面包屑的操作

mutation.js代码：changeRoute(state,val){letrouteList=state.routeList;letisFind=false;letfindeIdex=0;//菜单栏和下拉的二级菜单if(val['type']=='header'||val['type']=='secondHeader'){routeList.length=0;//顶级菜单清除缓存localStorage.removeItem("routeList");}letroutes=routeList;letlocalStorageList=localStorage.getItem('route... 继续阅读 >

2020
10-09

利用React高阶组件实现一个面包屑导航的示例

什么是React高阶组件React高阶组件就是以高阶函数的方式包裹需要修饰的React组件，并返回处理完成后的React组件。React高阶组件在React生态中使用的非常频繁，比如react-router中的withRouter以及react-redux中connect等许多API都是以这样的方式来实现的。使用React高阶组件的好处在工作中，我们经常会有很多功能相似，组件代码重复的页面需求，通常我们可以通过完全复制一遍代码的方式实现功能，但是这样页... 继续阅读 >

2020
10-08

Element Breadcrumb 面包屑的使用方法

组件—面包屑什么是面包屑导航一般页面内容上方都会有一个路径导航，这个导航就是面包屑导航。例如：上面这个图表示我们当前的页面是Breadcrumb面包屑，上一级目录是组件页面，再上一级目录是ElementUI页面。当我们点击这些目录时会返回到对应的页面中去。再例如：上面这个图表示我们当前所在的位置是活动详情页面，上一级目录是活动列表页面…以此类推。这些就是面包屑导航。基础用法<el-breadcrumbseparator="/"><el-breadcr... 继续阅读 >

2020
09-30

Android实现面包屑功能的代码(支持Fragment联动)

由于UI小姐姐给的设计图中包含了面包屑效果，去github逛了一圈，没有特别合适的，只能自己实现了。先看下效果图：先看下逐个添加Fragment，然后按返回键挨个回退的场景：接着看下逐个添加Fragment，直接点击选择tab的场景：demo地址BreadCrumbsView使用方式1、布局中引入BreadCrumbsView<com.tinytongtong.breadcrumbs.BreadCrumbsViewandroid:id="@+id/breadCrumbs"android:layout_width="match_parent"android:layou... 继续阅读 >