navbar

在UniApp中实现滚动时导航栏渐显固定效果

由于有时候UI出图很丰富,根本没有固定的导航栏,但是又要实现滚动页面有固定导航栏,还是渐渐显示的效果我的导航栏exportdefault{data(){return{navbarOpacity:0,//
时无诳语Imp·2025-06-20 19:14

uni-app项目实战笔记16--实现头部导航栏效果

CSS代码：.layout{.navBar{position:fixed;top:0;left:0;wi
moxiaoran5753·2025-06-20 19:40

uniapp导航栏随页面滚动淡出显示隐藏效果

213import{ref}from"vue";import{onLoad,onPageScroll}from"@dcloudio/uni-app";importnavbarfrom"@/uni_modules
ekilito·2025-06-20 04:57

Vant：打造优雅高效的移动端组件库

文章目录前言一、Vant概述二、设计理念三、核心特性四、安装与使用1.安装Vant2.全局引入3.按需引入五、组件详解1.按钮组件（Button）2.轮播图组件（Swipe）3.导航栏组件（NavBar
·2025-06-15 01:33

【JavaScript 实现导航栏顶部吸附效果】

以下是几种实现方法：方法一：纯CSS实现（推荐）最简单的方法是使用CSS的position:sticky属性：.navbar{position:sticky;top:0;z-index:1000;background-color
源码方舟·2025-05-25 08:41

uniapp 支付宝小程序自定义 navbar 无效解决方案

如图：uniapp编译到支付宝小程序隐藏默认的导航栏失效了解决方案：在pages.json文件中找到globalStyle中加入以下代码："mp-alipay":{"transparentTitle":"always","titlePenetrate":"YES"}效果展示：附言：也就我们这种砂壁老板会想着和美团抢共享充电宝的生意吧又是操心的一个项目，无解~~~
某公司摸鱼前端·2025-04-30 21:20

带有Vue框架的学生管理系统练习：

以下是此代码的运行效果：以下是使用VSCode写的HTML代码：学生管理系统Vue版.navbar{background-color:#b5b3b3;display:flex;justify-content
Jerry404_NotFound·2025-04-29 19:49

微信小程序和网页端固定导航栏的方式的区别

1、网页端APP.vue：在Navbar.vue中设置样式：.navbar{position:sticky;top:0;z-index:2500;}2、微信小程序APP.vue：.custom_navbar
wwwwuj·2025-04-14 16:25

关于修改 vue Element admin、若依， 等后台管理系统模板的一些全局样式问题：

1）上传图片src/assets/images/menu-icon.png、src/assets/images/navbar-bg.png2）src/assets/styles/sidebar.scss
伟笑·2025-04-13 10:12

筋斗云

varlist=myTab("navBar").children;varliWidth=0;for(vari=0;i0?
媛源缘·2025-04-03 08:21

[react]控制台报错Each child in a list should have a unique “key“ prop.Check the render method of ‘NavBar‘

无list元素时，控制台报错NavBar组件没有单独的键值key给NavBar中的a标签加上单独的键值即可，如下所示：{this.props.isdetail?}
真实真实真实·2025-04-02 14:54

js webpack 配置路径_vue使用webpack配置路径别名

以下面的目录结构为例：-src-components-navBar.vue-main.js复制代码vue-cli2.0中如何使用？在vue-cli2.0的工程中，在\build\webpa
赤衿·2025-03-28 10:48

Angular导航栏的集成与优化

引言在Angular应用程序中，导航栏（Navbar）是一个常见的UI组件，它不仅提供了导航功能，还能增强用户体验。
t0_54manong·2025-03-27 04:42

uniapp再次封装uni-nav-bar导航栏组件

{{title}}exportdefault{name:'CustomNavBar',props:{//标题title:{type:String,default:''},//标题颜色titleColor
花开花落的博客·2025-03-27 01:18

《React 属性与状态江湖：从验证到表单受控的实战探险》

属性初识属性能解决两个大问题：通信和复用props.js:importReact,{Component}from'react'importNavbarfrom'.
贩卖纯净水.·2025-03-13 05:37

uniapp-首页模块

:::tip操作步骤准备组件静态结构修改页面配置，隐藏默认导航栏，修改文字颜色样式适配->安全区域:::静态结构新建业务组件：src/pages/index/componets/CustomNavbar.vue
Brilliant Nemo·2025-02-27 18:07

Android仿人人客户端（v5(2)

@OverrideprotectedvoidsetupView(){mTopNavbar=(TopNavbar)findViewById(R.id.rl_top_navbar);mWebView=(WebView
2401_87555477·2025-02-24 04:42

DeepSeek 助力 Vue 开发：打造丝滑的导航栏（Navbar）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的导航栏（Navbar）前言页面效果指令输入属性定义1.导航栏样式相关2.导航项相关3.响应式相关
宝码香车·2025-02-20 06:12

[HarmonyOS Next示例代码]水印添加能力

效果预览工程目录├──entry/src/main/ets/│├──component││└──NavBar.et
HarmonyOS Coder369·2025-02-17 02:49

【HarmonyOS NEXT】示例代码-水印添加能力

效果预览工程目录解释├──entry/src/main/ets/│├──component││└──NavBar.ets          //顶部导航条│├──constants││├──Utils.ets
这货就是木子全呀·2025-02-17 02:16

20250204在Ubuntu22.04下配置荣品的RK3566开发板的Android13的编译环境

https://doc.rpdzkj.cn/#/navbar/%E7%BD%91%E7%9B%98%E9%93%BE%E6%8E%A5?id=rk3566-rk3568瑞芯微系列
南棱笑笑生·2025-02-07 16:25

uniapp小程序之自定义navbar封装、uniapp操作dom样式

header-shadow':'']"2.如果uniapp本身配置的导航栏不能满足开发需求，可自定义navbar思路：获取当前设备的信息，重新绘制ui
可可鸭~·2025-02-03 02:49

[JavaWeb]搜索表单区域

一.注意事项设置外边距:margin:(参数可省去部分)上下左右二.源代码Tlias智能学习辅助系统/*导航栏样式*/.navbar{background-color:#b5b3b3;/*灰色背景*/display
亓才孓·2025-02-01 10:58

mPaaS 10.1.60 H5容器中NavBar修改的问题

时间定位：2019.12.23升级60-beta之后，发现10.1.32中对navBar做的修改，比如返回按钮，右边按钮做的自定义修改失效了，经过和mPaaS沟通，总结修改方式如下：自定义Plugin自定义
山已几孑·2024-09-02 21:06

React学习打卡Day05

1.属性props使用let{‘属性名’}=this.props接收属性可接收多个2.属性验证Navbar.protoTypes={验证代码}可以写在对象内部，需要加static关键字importReact
信徒不伤·2024-09-01 02:20

【设计模式】建造者模式和单例模式

classNavbar{init(){console.log('Navbarinit'
小秀_heo·2024-08-24 16:05

根据不同的路由渲染出路由所带的颜色

需要渲染的div内容方法exportdefault{data(){return{navbarStyle:{}}},watch:{$route(route){this.updateNavbarStyle(
摘星小杨·2024-08-23 18:10

vue中组件子传父个然理解，

拿个例子来​//组件1Vue.component("navbar",{template:`点击-导航栏`,methods:{handleClick(){//console.log("子传父，告诉父组件，
呐呐呐嘿·2024-08-22 04:47

iOS 改变左右侧距离

(void)initNavBar{UIButton*addBtn=[[UIButtonalloc]initWithFrame:CGRectMake(0,0,24,24)];[addBtnsetImage
王家小雷·2024-03-13 18:38

CSS position属性sticky

在开发时，经常会碰到需要这样一种情况——网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会使用js监听scroll事件来实现，但是新增的css3属性position:sticky
天外天-亮·2024-02-20 06:52

Eureka 集群启动报错

:Thefollowinghasevaluatedtonullormissing:==>replica.key[intemplate"eureka/navbar.ftl"atline68,column62
hello_zzw·2024-02-20 00:30

WPF仿Word头部格式，涉及DEV RibbonControl,NarvbarControl,ContentPresenter,Navigation

实际上，每个界面都可以看成有三部分组成，顶部的DEV.RibbonControl，左侧的DEV.NavbarControl,和中间显示主要界面C
dishaowei7829·2024-02-14 09:13

Vue 前置导航

假设我们有一个名为Navbar.vue
还是大剑师兰特·2024-02-13 09:01

创建菜单与游戏页面

|Bootstrap中文网(bootcss.com)创建导航栏组件web--src--components--NavBar.vueKingOfBots-->KingOfBots对战-->对战对局列表排行榜
m0_59519985·2024-02-12 08:00

uniapp封装自定义头部

兼容h5和微信小程序自定义头部，动态设置固定定位、定位时是否占位、背景透明度、背景颜色、点击事件、是否包含系统栏、分割线、自定义样式有更好的建议或需求欢迎指出，谢谢/***NavBar自定义头部*@description
风轻_·2024-02-09 03:27

vant-ui组件库中修改NavBar导航栏的样式

Vant-ui组件中没有改变导航栏的样式的属性，这个时候怎么办呢我们可以用深度选择器/deep/或::v-deep，实现对组件内部的样式修改如下：1.引用NavBar组件引用后是显示这个样子的如下图：但是现在需求是要求导航栏背景色为蓝色字体颜色图标颜色都为白色我们可以这样来修改修改背景色这个好改写
一颗苦涩的苹果·2024-02-08 12:19

【vue】v-viewer图片查看器的使用和通过函数直接打开图片预览

Viewer)Viewer.setDefaults({Options:{'zIndex':99999,'zIndexInline':99999,'inline':true,'button':true,'navbar
飘逸者打瞌睡·2024-02-07 05:51

Bootstrap - 导航条

class样式：navbar:指出这是一个导航条，它会应用导航条的样式。narbar-default:代表着是一个默认导航条样式（会给我们一个白色的导航条样式）。
廖马儿·2024-02-06 23:18

小程序自定义导航栏仿原生固定在顶部

定位不占瀑布流空间，为解决这个问题，可以给自定义导航栏加空一个高度等于导航栏的view，以此给导航栏在页面中占位，且高度等于导航栏高度topHeight=wx.db.statusBarHeight+wx.db.navBarHeight
搁浅的椰子·2024-02-06 17:30

微信小程序小知识点

滑动："disableScroll":true,自定义导航栏："navigationStyle":"custom",自定义组件："component":true,"usingComponents":{"navbar
古城凌三少·2024-02-05 07:24

vite, vue3, vue-router, vuex, ES6学习日记

学习使用vite+vue3的所遇问题总结（2024年2月1日）组件中使用标签忘记加setup这会导致Navbar没有暴露出来，导致使用不了，出现以下报错这是因为，如果不用setup，就得使用exportdefault
williamdsy·2024-02-04 00:54

基于react+typescript+redux的美团外卖点餐购物车的项目（二）附源码

redux配置1.store/modules/takeaway.tsx:2.store/hook.tsx3.store/index.tsx4.src/index.tsx二、页面布局1.app.tsx2.NavBar
-_-你好-_-·2024-02-01 20:03

vue基础案例

退出登录并控制访问权限六、子路由嵌套显示七、点击进入用户详情页八、升级用户详情页的路由路由path的注意点扩展：控制页面的权限黑马头条一、初始化①创建并梳理项目结构②安装和配置Vant组件③使用Tabber组件⑤使用Navbar
寒舞233·2024-01-29 07:32

React博客项目系列1 编写markdown文章，代码高亮，显示文章与目录

编辑器yarnaddfor-editor//用于显示markdown文章yarnaddreact-markdown//用于显示目录，不过显示有bug，可以先不下载看后面yarnaddmarkdown-navbar
我先润了·2024-01-29 02:47

企业公司门户网站团队页面设计（三维旋转轮播图片，html+css静态实现，响应式布局，带源码）

效果代码team.htmlteam_engnavbar.html深圳市淮亚之光科技创新有限公司首页合作案例服务团队联系我们中文/English首页合作案例服务团队联系我们中文/Englishnavbar.css
鸡鸭扣·2024-01-28 22:30

第四篇【传奇开心果短博文系列】鸿蒙开发技术点案例示例：TabBar和Navbar实现页面切换

传奇开心果短博文系列系列短博文目录鸿蒙开发技术点案例示例短博文系列短博文目录一、前言二、给Index.ets添加TabBar组件三、用TabBar组件实现页面切换四、给Index.ets添加Navbar
传奇开心果编程·2024-01-27 07:38

使用Electron打包vue文件变成exe应用程序

package.json文件三、修改vue项目1.修改vite.config.js文件2.修改.env.production文件3.修改auth.js文件4.修改router下得index.js文件6.修改Navbar.vue
Abenazhan·2024-01-24 06:18

自定义导航栏左上角胶囊按钮返回、首页小房子

示例项目地址：https://github.com/Shay0921/header-navbar在小程序中，从转发出来的小程序消息卡片进入，因为页面栈中只有一个，所以不会出现返回按钮，对于一些电商平台来说
web前端自学笔记·2024-01-23 10:34

文献笔记七十六~小麦基因做GO富集分析

navbar=Homeimage.png工具对应的论文ACollinearity-IncorporatingHomologyInferenceStrategyforConnectingEmergingAssembliesintheTriticeaeTribeasaPilotPrac
小明的数据分析笔记本·2024-01-22 22:12

uniapp开发H5,刷新浏览器时导致页面栈消失出现的跳转问题不能返回

需要自定义顶部导航栏{"path":"pages/index/index","style":{"navigationStyle":"custom"}}创建导航栏组件（我的项目引入了uview-ui,直接进入u-navbar
Bubluu·2024-01-20 11:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他