breadcrumbs 相关问题

用户界面中使用的导航辅助工具

如何在 Angular 6 上制作面包屑

我尝试使用 Angular 6 制作面包屑。文本可以正常工作,但链接无法正常工作。 我想做这个。 主页 > 仪表板 > 统计(有效。) 主页 -> xxx.com(有效。) 仪表板 -> xx...

回答 1 投票 0

如何在 Visual Studio Code 中让面包屑适用于 Salesforce Apex 文件

在 Visual Studio Code 中,我可以看到面包屑适用于例如我的项目中包含 .html 文件,但不适用于 Apex 类。我得到文件夹的面包屑一直到文件,但不在 cls 文件内。我...

回答 1 投票 0

Vue 3 Composition API vue-router 4 面包屑?

我正在尝试创建一个面包屑组件。 我之前用 Vue 2 做过这个,但无法用 Vue 3 再次做,因为有些事情已经改变,而且没有任何关于如何改变的指南。 我做了一个非常...

回答 1 投票 0

如何根据状态条件使 Ionic 面包屑可点击?

我正在使用 Ionic 7 和 React 18。我想显示一个面包屑来说明用户在完成一系列步骤时已经到达的位置。我希望只完成已完成的步骤...

回答 1 投票 0

Woocommerce 面包屑到产品级别

我正在 Flatsome 主题下开发 Woocommerce 网上商店。我们使用 Woo 的面包屑元素制作了自定义单一产品页面布局。 然而,面包屑显示了整个 hiachie

回答 1 投票 0

如何使用剪辑路径创建 CSS 面包屑?

我正在尝试使用剪辑路径制作面包屑路径。 #剪辑跨度{ 内边距:3px 20px; 背景颜色:#666; 白颜色; 显示:内联块; 剪辑路径:多边形(0 0, 90% 0, 100%...

回答 1 投票 0

如何使用剪辑路径创建 CSS 面包屑?

我正在尝试使用剪辑路径制作面包屑路径。 #剪辑跨度{ 内边距:3px 20px; 背景颜色:#666; 白颜色; 显示:内联块; 剪辑路径:多边形(0 0, 90% 0...

回答 1 投票 0

更改面包屑栏中的 V 形颜色

我正在尝试将面包屑栏中的“V 形”颜色更改为#fff。我已经弄清楚如何使文本变白,但 V 形符号仍然是黑色 我正在使用 WordPress 223

回答 1 投票 0

Wordpress 自定义面包屑层次结构(并且没有 slug/URL 层次结构)

我正在尝试在 Wordpress 中为面包屑创建页面层次结构。最简单的方法是使用“父页面”属性。然而,当使用此功能时,它也会创建一个

回答 1 投票 0

自定义 SharePoint 面包屑导航

我需要帮助尝试自定义 SharePoint 显示的面包屑导航。我在页面库中创建了两个 .aspx 页面,名为 search.aspx 和 products.aspx。来自 search.aspx 的链接...

回答 1 投票 0

用斜杠分割 Url 并按顺序重新组合它们(角度、打字稿)

我正在尝试创建面包屑导航,但在创建父 URL 时陷入困境。 所以我的想法是: 从子级别获取完整的 URL 用斜杠分割该 URL 并按顺序重新组合...

回答 1 投票 0

Bootstrap 面包屑线返回响应式

我有这个面包屑 首页 > 新闻动态 > 外线新闻长标题 ... 我有这个面包屑 首页 > 新闻动态 > 外线新闻长标题 <nav aria-label="Fil d'ariane" class="breadcrumb"> <ol> <li> <a class="mdi mdi-home" href="https://google" id="ariane_n1">Google</a> </li> <li> <a href="https://google/news">News</a> </li> <li> <a href="https://google/news/7357"><span aria-current="page" class="ariane_courant">Long title of the news that goes on other line</span></a> </li> </ol> </nav> 有了这个CSS .breadcrumb { background-color: white; border-radius: unset; margin: .3rem 0 .5rem 0; padding: 0; display: flex; <== bootstrap flex-wrap: wrap; <== bootstrap list-style: none; <== bootstrap } .breadcrumb ol { align-items: baseline; display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .breadcrumb li::before { content: "›"; padding: 0px 0px 0px 0.25rem; } .breadcrumb li:first-child::before { content: ""; } 在智能手机等小屏幕上,面包屑显示如下: 首页 > 新闻动态 > 其他线上的新闻长标题 我希望它以全角显示,并在屏幕末尾有一个回车符: 首页 > 新闻中心 > 长标题 其他线上的新闻 我放弃了在 ol 上使用 flex,使 li 元素内联并调整了填充。 .breadcrumb { background-color: white; border-radius: unset; margin: .3rem 0 .5rem 0; padding: 0; display: flex; <== bootstrap flex-wrap: wrap; <== bootstrap list-style: none; <== bootstrap } .breadcrumb ol { list-style: none; margin: 0; padding: 0 0 0 0.25rem; } .breadcrumb li { display: inline; } .breadcrumb li + li::before { content: "›"; }

回答 1 投票 0

Magento 2 - 在产品详细信息页面中找不到 BASE_URL

将Magento版本从2.2.3升级到2.3.7后。 我面临一个奇怪的问题,在产品详细信息页面上,我在控制台的 add-home-breadcrumb.js 中收到如下错误。 BASE_URL 未定义...

回答 2 投票 0

如何使 woocommerce 面包屑的最后一项可点击?

由于某些原因,我需要将面包屑的最后一项链接到当前页面。我看到了一些例子: woocommerce_breadcrumb_defaults,woocommerce_breadcrumb_home_url,

回答 1 投票 0

Angular:如果语言更改则刷新面包屑

用户可以在其设置中更改语言。现在我发现当我更改语言时,面包屑不会被翻译。当我移动到另一个页面时,面包屑首先被翻译。 我的

回答 0 投票 0

npm run webpack 失败并出现尝试导入错误:“Breadcrumb”未从“@progress/kendo-react-layout”导出(导入为“Breadcrumb”)

我有一个奇怪的问题,我可以在本地计算机上 npm 运行 webpack,没有任何错误,但它突然停止在我们的构建服务器上工作,并出现以下错误 '面包屑' npm run webpack fa...

回答 1 投票 0

从另一个组件链接时,一个组件使用 useParams 的动态 URL 不起作用(MUI 面包屑与 react-router-dom)

假设有三个组成部分: 组件 A(内容) 组件 B (BlogRepo) 组件C(创建博客) 组件层次结构及其 URL 如下: 内容(https://localhost/content) 博客回购 ...

回答 1 投票 0

如何在 vue.js 中实现带有完整链接的面包屑导航

我已经成功地使用 npm 在我的 vue.js 应用程序中实现了面包屑。 但是我希望我的面包屑显示一个指向上一页的链接,旁边是指向当前页面(包括 id)的链接....

回答 3 投票 0

在 WordPress 中更改存档页面的面包屑路径(Yoast Seo)

我正在使用 Yoast Seo 插件在我的标题下显示面包屑。 通过将下面的代码放在 functions.php 中,我已将默认作者 url 更改为 about/team。 add_action('init','change_author_perm...

回答 1 投票 0


© www.soinside.com 2019 - 2024. All rights reserved.