navigation 相关问题

导航是指导航资源网络的过程,以及用于执行此操作的用户界面。

NextJS 应用程序使用 Nginx 反向代理刷新到 PM2

我正在使用 Nginx 和 PM2 在 Debian 12 上运行我的 NextJS 应用程序。我使用 Nginx 作为反向代理,总的来说,它运行良好,我的应用程序运行。 但我在浏览页面时遇到问题。

回答 1 投票 0

在响应式网站的最底部创建粘性导航栏时遇到问题

我在图像下方创建了一个导航栏,以显示各种社交媒体平台的图标。然而,我试图将这些图标放置在网站的最底部并使其响应

回答 2 投票 0

在网页上的新选项卡中打开 Flutter 屏幕

我想通过单击按钮在新选项卡上打开颤动屏幕。我正在使用这段代码。 html.window.open('/#/external_screen',"_blank"); 其中 external_screen 是我想要的屏幕路线...

回答 1 投票 0

Flutter:如何在 BottomNavigationBar 中使用 BottomSheet?

我是 Flutter 新手,我想知道是否有任何方法可以将 BottomSheet 添加为 BottomNavigationBarItem?我尝试自己这样做,但它会导致错误。 就像当您按下“添加”按钮时,

回答 1 投票 0

CurrentViewModel 属性更改未反映在 ContentControl 中

我目前正在构建一个应用程序,用户可以通过一组单选按钮选择不同的页面。当页面处于活动状态时,我希望单选按钮被检查为 true。当b...

回答 2 投票 0

我正在使用mapbox sdk导航v2并且骑行视图有问题

我试图将骑行配置文件实现到导航中,我是这样做的: private fun requestRoutes(起点:点,目的地:点) { MapboxNavigationApp.current()!!.requestRo...

回答 1 投票 0

在 Entity Framework Core 中,如何在不添加额外 Include 的情况下填充自引用导航集合(仅使用已跟踪的实体)?

我有一个名为 Position 的实体,其自身具有外键:int Id;和 int ParentId;。这给了我两个导航属性: Position Parent;并列出儿童;。当我加载时...

回答 1 投票 0

CSS 导航水平子菜单不在父菜单正下方

我有点卡住了。我正在尝试构建一个水平导航栏,宽度为 1024 像素,这将允许在其下方显示子菜单。但我希望子菜单的宽度也为 1024px,并且...

回答 2 投票 0

WPF C# - 文本块输入未保存到导航到新页面?

我目前在 WPF 中的页面导航方面遇到问题,我目前有一个带有侧边栏的主窗口,以及窗口中间的一个框架来显示新页面。侧边栏导航似乎...

回答 1 投票 0

Blazor InteractiveServer 导航到外部链接,同时 JWT 添加到请求标头?

我有一个 Blazor 服务器应用程序。我添加了一个指向外部地址的导航菜单链接。有什么方法可以将 JWT Bearer 令牌添加到此请求的标头中吗? 我很感激任何建议 我

回答 1 投票 0

使用持久颤动包从侧栏抽屉导航到不同的页面,而不使用底部导航栏

导入'包:flutter/cupertino.dart'; 导入'包:flutter_svg/svg.dart'; 导入'包:page_transition/page_transition.dart'; 导入'包:persistent_bottom_nav_bar/persistent_tab_view....

回答 1 投票 0

如何使用 React Material UI 选项卡在同一页面上突出显示主导航菜单项和子导航菜单项并获取活动状态

在我的 React 组件中,我使用 Material UI 选项卡为主导航创建主菜单,并使用 React 路由器链接而不是显示选项卡内容: 在我的 React <Header> 组件中,我使用 Material UI Tabs 为主导航创建一个 primary 菜单,并使用 React 路由器链接而不是显示选项卡内容: <Tabs value={location.pathname}> {(items || []).map((item) => ( <Tab key={item.url} label={item.title} value={item.url} href={item.url} disableRipple /> ))} </Tabs> 在同一页面上,我再次使用 Material UI 选项卡作为辅助菜单。 主导航菜单项的路线路径是:/example-path。当我导航到此路线时,此菜单项会突出显示并处于活动状态。 当辅助菜单项的选项卡与突出显示的主菜单项/example-path具有相同的路线时,两个菜单项都会突出显示并处于活动状态。 当我单击另一个辅助菜单项时,只有这个辅助菜单项会突出显示/example-path/tab-two。 如何管理同时突出显示主导航中的父项和二级菜单中的各种菜单项? Header组件应该只匹配根路径段,而Submenu组件可以比较完整的URLpathname。请注意,如果您还有更多子路线,那么 Submenu 需要检查前两段。 它应该渲染一个 Tab 组件,而不是渲染原始锚标记 <a> 组件。这样路由器就可以响应并处理导航操作,而不是让浏览器向服务器发出页面请求并重新加载整个应用程序。标题 Link 子菜单 import { Tabs, Tab } from "@material-ui/core"; import { Link, useLocation } from "react-router-dom"; const Header = () => { const { pathname } = useLocation(); const base = `/${pathname.slice(1).split("/").shift()}`; return ( <Tabs value={base}> <Tab component={Link} to="/" label="Home" key="/" value="/" /> <Tab component={Link} to="/about" label="About" key="/about" value="/about" /> <Tab component={Link} to="/dashboard" label="Dashboard" key="/dashboard" value="/dashboard" /> </Tabs> ); }; export default Header; 应用程序 按照路径特异性的 inverse 顺序对 import { Tabs, Tab } from "@material-ui/core"; import { Link, useLocation } from "react-router-dom"; const Submenu = () => { const { pathname } = useLocation(); return ( <Tabs value={pathname}> <Tab component={Link} to="/about/about-one" label="About sub one" key="1" value="/about/about-one" /> <Tab component={Link} to="/about/about-two" label="About sub two" key="2" value="/about/about-two" /> </Tabs> ); }; export default Submenu; 内的路由进行排序,以便在回退到 less 特定路径之前匹配 more 特定路径。 Switch 更新以处理根 <Router> <Layout> <Switch> <Route path="/about/about-one"> <AboutOne /> </Route> <Route path="/about/about-two"> <AboutTwo /> </Route> <Route path="/about"> <About /> </Route> <Route path="/dashboard"> <Dashboard /> </Route> <Route path="/"> <Home /> </Route> </Switch> </Layout> </Router> 路线上的子菜单选项卡。为此,您需要做一些“黑客”操作来检查 URL 路径 不是其他主要根路由之一,这样您就可以将基本 "/" 值覆盖为完全 使用 Tabs 实用函数,"/" 代替 "/home-section/*" 子路线之一。示例:matchPath

回答 1 投票 0

Android 从另一个屏幕返回时显示 Snackbar

在所有 Android 撰写示例中,我看到当您从列表中删除时,它们会显示带有撤消信息的小吃栏消息...并保持在同一屏幕中。 有人可以将我链接到一个示例,其中他们选择一条记录并......

回答 1 投票 0

需要悬停 CSS 来覆盖下拉菜单选项的整个栏

当我将鼠标悬停在下拉菜单项上时,仅突出显示文本周围的部分,在菜单项的左侧留下未突出显示的空间。我需要改变什么才能获得这种效果......

回答 1 投票 0

点击导航链接时应用程序冻结

当我点击 NavgationLink 移动到下一个屏幕时,我的视图冻结并且 CPU 使用率达到 99%。 我最近更新了 Xcode(版本 15.0),并开始开发一个新项目。现在是...

回答 1 投票 0

在 SwiftUI 中点击 NavigationLink 时应用程序冻结

当我点击 NavgationLink 移动到下一个屏幕时,我的视图冻结并且 CPU 使用率达到 99%。 我最近更新了我的 Xcode(版本 15.0),并开始开发一个新项目。现在是...

回答 1 投票 0

如何使容器div“指针事件:无”但内容可点击...?

我有一些设置...工具提示出现在悬停时...所以我必须将工具提示和锚标记放在同一个div...工具提示指针事件设置为无..但我无法设置指针事件集装箱迪...

回答 1 投票 0

如何使用 Next js 为组件定义路由?

在我的 Next.js 版本 14 应用程序中,我的 app/tasks 文件夹中有一个 page.tsx 文件。在该页面上,我有一个按钮可以打开对话框/弹出窗口来编辑任务: 当我...

回答 1 投票 0

Jetpack Compose 中带有底部栏的嵌套导航

我有一个 RootGraph,其中包含以下代码: @可组合 有趣的 RootNavGraph(navController: NavHostController) { 导航主机( 导航控制器 = 导航控制器, 开始目的地 = 公共...

回答 1 投票 0

如何使汉堡菜单在打开时覆盖整个视口

我有一个仅使用 CSS 的工作汉堡菜单。我的问题是我希望菜单在打开时填满整个屏幕。当它打开时,我页面中的所有内容都会显示在 m...

回答 1 投票 0

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