面包屑导航

学习使用 CSS3 制作网站面包屑导航效果

馋奶兔 提交于 2020-01-25 17:48:00
  作为最重要的导航展示形式之一,面包屑导航能够让用户更清楚的知道他们所在页面的层次结构,让他们可以方便的导航到上一层页面。在本教程中,您将学习如何使用 CSS3 技术创建自己的面包屑导航效果。 效果演示 插件下载 详细教程 HTML示例代码: <ul id="breadcrumbs-one"> <li><a href="">Lorem ipsum</a></li> <li><a href="">Vivamus nisi eros</a></li> <li><a href="">Nulla sed lorem risus</a></li> <li><a href="">Nam iaculis commodo</a></li> <li><a href="" class="current">Current crumb</a></li> </ul> CSS示例代码: #breadcrumbs-one{ background: #eee; border-width: 1px; border-style: solid; border-color: #f5f5f5 #e5e5e5 #ccc; border-radius: 5px; box-shadow: 0 0 2px rgba(0,0,0,.2); overflow: hidden; width: 100%; } #breadcrumbs

dedecms面包屑导航修改方法

偶尔善良 提交于 2019-12-06 10:59:56
做过seo的朋友都应该知道,网站的面包屑导航,对网站排名来说非常有帮助,对于用户体念也是非常好的。 下面分享一下 dede网站 的面包屑导航修改方法: 比如要删除织梦网站面包屑导航中多余 > 去掉面包屑导航最后的 > (我把它修改成了 - 注意有空格,在正则的时候需要注意下) {dede:field name='position' runphp='yes'}@me=preg_replace("/ - $/imU","",@me);{/dede:field} 删除当前位置里的超链接? 只保留文字 如: 主 页 > 企业简介 > 组织结构 修改方法一: PHP 文件\include\arc.archives.class.php 文件\include\arc.listview.class.php 文件\include\arc.partview.class.php 把三个文件里面的这句 PHP Fields['position'] = $this->TypeLink->GetPositionLink(true); 都改成 PHP Fields['position'] = $this->TypeLink->GetPositionLink(false); 修改方法二: {dede:field name='position' function="strip_tags(@me)"/} 或者

挖坑指南:iView-admin动态配置route.meta.title

我怕爱的太早我们不能终老 提交于 2019-11-29 05:04:06
原文链接 前言 新的项目,基于iView-admin。结合自身的项目需求,对官方的模板进行一些修改。以达到动态修改route.meta,并同步更新面包屑导航文字和标签页标题。 开始 如果你还未使用过iView-admin或者正在上路,那我们先来看看项目的需求以及遇到的问题。 那应该如何解决这个问题呢? 实践 方法一:一开始想到的方法,就是在新建页面的created()中,通过this.$route.params的不同参数判断当前是何种操作,根据判断修改this.$route.meta.title的值。 结果:面包屑导航的值会在下一次跳转中生效,标签页的title始终无效。 方法二:created()不行,那在beforeRouterEnter()中试试。 结果:与方法一相同,面包屑导航的值会在下一次跳转中生效,标签页的title始终无效。 iView-admin到底是怎样处理路由的呢?这些导航数据又是从哪里来的呢? 首页,找到src/router/index.js 可以看到在所有的路由跳转之前,已经使用函数进行过处理了,而 全局的router.beforeEach()是优先于页面中的beforeRouterEnter()的 ,所以我们之前所做的处理无效。 先不急着看src/libs/utils.js,我们先看看页面中的面包屑导航的值以及标签页中的值是从哪里来的。 面包屑导航 标签页

挖坑指南:iView-admin动态配置route.meta.title

两盒软妹~` 提交于 2019-11-29 05:04:05
原文链接 前言 新的项目,基于iView-admin。结合自身的项目需求,对官方的模板进行一些修改。以达到动态修改route.meta,并同步更新面包屑导航文字和标签页标题。 开始 如果你还未使用过iView-admin或者正在上路,那我们先来看看项目的需求以及遇到的问题。 那应该如何解决这个问题呢? 实践 方法一:一开始想到的方法,就是在新建页面的created()中,通过this.$route.params的不同参数判断当前是何种操作,根据判断修改this.$route.meta.title的值。 结果:面包屑导航的值会在下一次跳转中生效,标签页的title始终无效。 方法二:created()不行,那在beforeRouterEnter()中试试。 结果:与方法一相同,面包屑导航的值会在下一次跳转中生效,标签页的title始终无效。 iView-admin到底是怎样处理路由的呢?这些导航数据又是从哪里来的呢? 首页,找到src/router/index.js 可以看到在所有的路由跳转之前,已经使用函数进行过处理了,而 全局的router.beforeEach()是优先于页面中的beforeRouterEnter()的 ,所以我们之前所做的处理无效。 先不急着看src/libs/utils.js,我们先看看页面中的面包屑导航的值以及标签页中的值是从哪里来的。 面包屑导航 标签页