- 综合排序
- 最热优先
- 最新优先
- 来自专栏哆哆Excel
layui学习-页面导航
layui学习-页面导航 <! type="text/javascript" src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script> <script> //注意：导航
77820编辑于 2022-10-31 - 来自专栏全栈程序员必看
导航栏跳转页面
一个页面有多个导航栏跳转页面一定要有这三步 html 结构部分 <el-menu :default-active="path" class="el-menu-vertical-demo
3.9K30编辑于 2022-09-02 - 来自专栏超超不会飞
WordPress添加页面导航
WordPress 原生的页面导航不好用，我们可以利用插件改成分页导航。 我们使用 WP-PageNavi 插件来替代原生的页面导航。 > 如果注释掉原有的导航代码会导致页面错乱，可以使用一个隐藏标签把原有的页面导航隐藏掉。比如我使用的主题直接注释掉原导航代码，页面就会乱，隐藏掉原导航代码即可。
1.3K20发布于 2020-10-28 - 来自专栏ionic3+
【技巧】ionic3的页面导航后退事件拦截
写一篇简单的，有这样一种业务场景：当使用push后，页面导航栏会自动添加后退按钮，当点击后退按钮后，拦截事件（如付费进来了，没有完成后续操作就后退退出，良好的用户体验是必须给出提示，防止误操作）。 基于此，起码有两种方式： 1、重写导航栏的后退按钮点击方法，具体操作为： 头顶添加引用： import { IonicPage, NavController, NavParams, Navbar } from 'ionic-angular'; 类里添加注解变量： @ViewChild(Navbar) navbar: Navbar; 最后在页面生命周期方法ionViewDidLoad添加逻辑操作（写在此方法中是保障页面已经加载完成 ionViewDidLoad() { this.navbar.backButtonClick = (e)=>{ console.log(e); }; } 执行上述方法后，事件被拦截，页面不会后退 ，需要自己手动写navCtrl.pop()等类似导航方法。
1.5K50发布于 2018-08-20 - 来自专栏韩曙亮的移动开发专栏
【Flutter】底部导航栏页面框架 ( BottomNavigationBar 底部导航栏 | PageView 滑动页面 | 底部导航与滑动页面关联操作 )
文章目录 一、BottomNavigationBar 底部导航栏 二、PageView 滑动页面 三、BottomNavigationBar 与 PageView 关联 四、完整代码示例 1、核心导航组件 2、四个切换页面 3、应用启动主界面 4、运行效果 五、相关资源 一、BottomNavigationBar 底部导航栏 ---- 在 Scaffold 的 bottomNavigationBar 属性设置底部导航栏 : Icons.camera), const TabData(index: 2, title: '搜索', icon: Icons.search), const TabData(index: 3, "), ), ); } } 页面 3 : import 'package:flutter/material.dart'; /// 搜索页面 class SearchPage extends "), ), ); } } 3、应用启动主界面 import 'package:flutter/material.dart'; import 'package:flutter_app
7.2K20编辑于 2023-03-29 - 来自专栏鸿蒙开发笔记
ArkUI实战开发-页面导航（Navigation）
Navigation 组件一般作为页面布局的根容器，它提供了一系列属性方法来设置页面的标题栏、工具栏以及菜单栏的各种展示样式。 onTitleModeChange(callback: (titleMode: NavigationTitleMode) => void): NavigationAttribute;}title：设置导航栏的标题 height: '100%'}) .title(this.title())// 使用自定义的标题栏 } }样例运行结果如下图所示：subTitle：设置页面的副标题
84220编辑于 2024-10-08 - 来自专栏全栈程序员必看
html页面缩小导航栏隐藏,html – 导航栏缩放问题
我有一个问题,我的导航栏似乎与CSS中的.container缩放.现在,我是一个新手,但我已经尝试搞乱CSS中的值,但无济于事.这是 HTML和CSS的代码： * { margin: 0px; padding Triicell-logo.png); background-repeat: no-repeat; background-position: center; } Test site wp_1 wp_2 wp_3 container之前： 缩放.container后： 我正在做的是缩放它是我将.container的宽度更改为50％;.不要担心其他任何事情 – 我知道我将要做些什么来扩展其余部分,即图像等等 – 但它只是导航栏似乎跳出了原位
7.1K20编辑于 2022-09-02 - 来自专栏iOS 备忘录
Flutter布局基础——页面导航和返回
Flutter布局基础——页面导航和传值 说到导航，最常见就是类似于iOS中导航控制器的push和pop效果，同样Flutter中也有类似的效果，使用的就是Navigator组件。 <! --more--> 下面，来看一下在Flutter中，导航效果Navigator.push和Navigator.pop的使用。 Widget build(BuildContext context) { return new Scaffold( appBar: AppBar( title: Text('导航页面 使用名字导航 类似于路由跳转，使用名字而不是类名进行跳转。 参考 Navigator Dev Doc Flutter免费视频第四季-页面导航和其他 The parameter can't have a value of 'null' because of its
2.1K30发布于 2021-08-02 - 来自专栏移动开发专栏
weui-navbar 导航栏页面切换
weui-navbar__item" href="#tab2"> 标签二 <a class="weui-navbar__item" href="#tab<em>3</em>"
内容二<div id="tab<em>3</em>"2.5K30编辑于 2022-06-10 - 来自专栏Windows Community
Windows Phone 8.1 新特性 - 页面导航
本篇介绍一下Windows Phone 8.1 中页面导航的实现方式。 大家对Windows Phone 8 中页面导航的实现一定不陌生，我们使用 NavigationService 来实现。 当按下回退键时，导航源页面会被从回退栈中取出显示，这样我们就完成了一个完整的页面导航过程。 在按下回退键时，页面返回到导航源。 最有还有一点要说明，Windows Phone 8.1 中，页面导航回退时，导航源页面会重新Load，对于需要加载数据等的页面，这种重新加载的结果并不是我们想看到的。 这里我们可以使用 NavigationCacheMode 来避免这一现象，我们在页面构造方法中对它进行设置，它是一个枚举类型，有三种枚举值： Disabled 不缓存页面，导航返回时重新加载页面 Required
1.3K70发布于 2018-04-28 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 页面跳转 ( 路由 Route | 导航器 Navigator | 页面关闭 )
Navigator.push(context, MaterialPageRoute(builder: (context) => LayoutPage())); }, child: Text("通过导航跳转到页面 , MaterialPageRoute(builder: (context) => LayoutPage())); }, child: Text("通过导航跳转到页面 MaterialPageRoute(builder: (context) => StatefulWidgetPage())); }, child: Text("通过导航跳转到页面 MaterialPageRoute(builder: (context) => StatelessWidgetPage())); }, child: Text("通过导航跳转到页面 3"), ), ], ), ); } } 设置回退按钮示例 : import 'package:flutter/material.dart'
3.4K00编辑于 2023-03-28 - 来自专栏sktj
bootstrap 导航栏 3
<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body>
</body> </html>3.5K20发布于 2019-07-05 - 来自专栏无限可能的程序开发
多路径来源页面导航高亮以及面包屑导航修改
问题缘由 这个问题比较普遍，原因是业务方面对产品进行多维度的划分（或者对产品进行归档、打标签、收藏等等），反应在前端方面就是同一个页面可以有不同的入口（产品目录结构划分） 干说不如举个例子： “活期储蓄 ”产品属于负债类理财产品（导航菜单） 关注“活期储蓄”产品 在“我的关注”菜单里也存在“活期储蓄”产品 从上面的描述中不难发现，“活期储蓄”产品既可以从“负债类理财产品”菜单进入，也可以从 这就带来了两个问题： 当进入“活期储蓄”产品详情页面的时候，高亮哪个导航菜单 当进入“活期储蓄”产品详情页面的时候，面包屑导航怎么显示 从用户角度来说自然是我从哪里点进去的就高亮哪个菜单，面包屑也真实的反应 “来源路径” 技术背景 项目采用的技术： Vue，Element UI，vue-router 采用的 element ui 的 导航组件和面包屑组件。 前端处理，分别针对导高亮和面包屑处理 思路分析 在进入详情页面的行为中增加标记（我使用 sessionStorage 标记，标记信息包括路径path、title，path用于高亮导航，title用于面包屑展示
1.2K20编辑于 2022-09-26 - 来自专栏云原生布道专栏
【IOS开发基础系列】Navigation页面导航专题
对于父级VC与子级VC分别有navigationController的情况，即不是使用push方式加载子VC，而是通过AddChildViewController的方式添加的场景，则父级导航条会覆盖在子级导航条上面 ，所以需要在载入时把父级导航条做隐藏处理： 1.2 navigationItem 在含有导航条的ViewController中，VC的navigationItem与VC.navigationController 否则会导致页面切换时选中状态不准确 TabBar与导航条混用时，TabBarItem的设置是在NavigationController中，而不是内容Controller中，切记！！！ 否则会导致页面切换时选中状态不准确。 setHidesBottomBarWhenPushed: NO]; } return [super popToViewController: viewController animated: animated]; 3
2.4K20编辑于 2023-10-16 - 来自专栏各类技术文章~
Flutter实现带导航栏的PageView页面
一.效果图 二.页面分析 这里我们只用关注资讯页面就行，资讯页面大概可以分为两个部分： 1.顶部导航栏 顶部导航栏有3个固定的tab，选中的时候字体变大，并且改变颜色，如果直接使用系统的TabBar 如果Tab是动态的话可以使用横向的ListView，这里由于只有固定的3个所以直接使用Row嵌套3个Text来实现这个导航栏。 2.页面body 页面主题可以直接使用ListView控件来实现，这里主要item布局样式： 1.推荐页面可以看出，分两种情况，一种是无图，一种是有图片的展示，这里最多展示3张图片，根据接口返回的图片集合来判断是否有图片 三.码代码 1.构建导航栏 margin:设置距离顶部的间距为状态栏的高度。 height：设置导航栏高度。 PageView通过 currentIndex来关联更新 顶部text和主题页面之间的切换，滑动切换页面的时候，同步更新顶部tab导航栏。
3K00发布于 2021-09-29 - 来自专栏陶士涵的菜地
uniapp中去掉顶部导航栏-指定某页面去掉顶部导航栏
uniapp项目中如果想关闭所有页面的顶部导航栏 在page.json中 "globalStyle": { "navigationStyle":"custom", }, 如果是指定某个页面关闭顶部导航栏 ,{ "path" : "pages/index/webview", "style": {
3.4K10编辑于 2023-04-13 - 来自专栏ytkah
wordpress不用插件实现Pagenavi页面导航功能
Pagenavi 是一个很好的功能，现在 WordPress 博客一般都是使用 WP-Pagenavi 插件来实现，但是如果插件一多的话整个wordpress效率就降低了，我们力求用尽量少的插件来实现所需要的功能。那么，wordpress不用插件要怎么实现Pagenavi功能呢？
52620编辑于 2022-03-14 - 来自专栏强仔仔
实现可左右滑动的导航菜单页面
https://blog.csdn.net/linzhiqiang0316/article/details/79858830 1.wxml页面代码： <view class="nav-scroll 'nav-hover' : ''}}">{{item.name}}</text> </scroll-view> </view> 2.wxss页面代码： white-space:nowrap; solid transparent; padding:10px; } .nav-hover{ color: #f06000; border-bottom: 2px solid #f06000; } 3. js页面代码： data数据部分： section: [ { name: '首页', id: '1001' }, { name: '男装', id: '1032' }, { name '内衣', id: '3121' }, { name: '家纺', id: '1525' }, { name: '美妆', id: '1521' } ] 函数部分： // 头部导航点击事件
5K10发布于 2019-05-25 - 来自专栏全栈程序员必看
御用导航提示提醒页面_PowerBI 个性化定制你的报告导航
动态页面导航设置 想要实现不同人导航的页面不同，可以使用页面URL+用户ID匹配的方式来搞定。 3.添加行级别安全筛选器 有了UserPrincipalName这一列，筛选时就很简单了，只要读取用户账号去做筛选即可： [UserPrincipalName] = UserPrincipalName( ) 完成了这一步，通过用户账号就能判断它所代表的导航页面，那么点击时自然就会跳转到相应的页面了。 ： 导航目的页面： 选择另一个账号试试： 导航目的页面： 以上可以看出，不同的导航页面风格是不同的，适合最终用户的体验。 尤其是当你隐藏这些页面导航最终页面，只通过最开始的导航页进行跳转，整个报告会更加清晰整洁。 需要注意的一点是，以上方式看上去的确实现了不同用户只能看到特定的页面，而不能看到其他页面。
12.8K10编辑于 2022-09-02
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号