NavBar

uni-app 使用 Uview2.x 搭建自定义tabbar组件，自定义navbar，还会解决自定义导航栏引起闪烁性能差的问题！！！

pages.json上面可以看到tabbar我使用的原生的，但是值配置了pagepath，并且page里三个首页都可以自定义顶部导航栏，当然如果删掉custom那一行代码，就切换成原生顶部导航栏了。下面拿一个首页作为代码演示：（顶部自定义导航栏组件和底部导航栏组件会放在最后）下图组件没有引入,是使用了easyCom,官网详解import{mapState}from'vuex';exportdefa
柑橘乌云_·2023-04-13 10:00

Vue结合vant框架实现通讯录a-z排序

说明：1.其中组件NavBar/Toast/Button/Cell/CellGroup我已在main.js中全局注册，若单独使用请在vue页面中配置，如何配置可参考vant官网。
猫在裙角jslms·2023-04-13 03:06

vue navbar tabbar导航条根据位置移动实现定位、颜色过渡动画效果的代码

vant文档：Vant2-MobileUIComponentsbuiltonVue实现效果：代码实现：1.navbar、tabbar顶部导航过渡效果、颜色过渡；220?'
·2023-04-12 01:28

css课堂笔记

饥人谷视频时记的笔记，好多听不懂，零零散散的，还要再看好几遍才行如何对齐：在子元素身上加style(标签)="float:left;"在父级元素上加class="topNavBarclearfix"div
星学家·2023-04-10 16:53

Flutter 底部导航详解

一般用法普通实现:BottomNavigationBarbotttomNavBar=BottomNavigationBar(items:[BottomNavigationBarItem(icon:I
weixin_34318326·2023-04-10 08:37

layuiCMS2.0 左侧导航栏 生成树

json格式{"leftNavBar":[{"title":"内容管理","icon":"","href":"","spread":false,"children":[{"title":
peterz博客·2023-04-10 06:22

react-hooks:useContext

场景：现有两个组件Navbar和Messages，希望他们之间共享状态。
带脑子的CV工程师·2023-04-08 12:12

【Taro开发】-taro-ui（三）

小程序开发系列文章的所有文章的目录【Taro开发】-初始化项目（一）【Taro开发】-路由传参及页面事件调用（二）【Taro开发】-taro-ui（三）【Taro开发】-带token网络请求封装（四）【Taro开发】-自定义导航栏NavBar
-雾里-·2023-04-06 03:52

编写登入界面login

用作陆页面在router文件里去写路由规则在app.vue页面写路由出口使用vue-router的步骤第一步:创建路由组件第二步:配置路由映射:组件和路径映射关系第三步:使用路由:通过和路由重定向引入NavBar
PCthedream·2023-04-05 12:32

若依使用手册

一、UI调整1、修改标题/.env.development/.env.production/.evn.staging/package.json/vue.config.js2、调整Navbar/src/layout
大坏蛋^_^·2023-04-04 17:48

UINavigationController、UITabBarController之iOS笔记摘录

1.UINavigationController自定义UINavigationController子类以下文件（并不是最终的文件）中的功能选择性使用，仅为了说明功能YTNavBarControl
平安喜乐698·2023-04-03 19:38

Android 12默认手势导航及bug修复

Android12默认手势导航方法有2种第1种方法：配置如下ro即可ro.boot.vendor.overlay.theme=com.android.internal.systemui.navbar.gestural
地球边·2023-04-03 05:13

uniapp让ios软键盘-点击-非输入框地方-自动收起

在pages.json里要使用这个特性的页面上style配置:"style":{"app-plus":{"softinputNavBar":"none"}}如果需要js动态设置的话：this.
my小新·2023-03-29 22:21

通过多级下拉菜单增强Bootstrap 4导航栏

NavbarHome(current)MenuLink"data-toggle="dropdown"aria-haspopup="true"ari
游X鱼·2023-03-29 11:31

uniapp （微信小程序） 滑动抽屉 || 侧边栏 || 抽屉

的这个效果还不错就照着效果写了下页面中我这里是设置的无导航栏真正写的时候大家怎么配置都可以我只是觉着全屏的抽屉视觉方面更强一点下边儿的代码是基于uniapp/uview,里边儿有用了几个uview的组件（u-navbaru-icon
forward·2023-03-28 14:01

flutter TabController 简单使用

a.pngimport'package:flu_merchant/ui/widget/custom_navbar.dart';import'package:flutter/material.dart';
从容到没边的优雅·2023-03-26 05:08

react-native-navigation步步深入之配置篇

{//CommonnavBarTextColor:'#000000',//头部导航标题文字颜色navBarTextFontSize:18,//头部导航标题文字大小navBarTextFontFamily
Swimly·2023-03-24 19:38

适配 iOS15

if#available(iOS15.0,*){letnavBarAppearance=UINavigationBarAppearance()//背景色nav
是夏目啊·2023-03-23 15:07

Swift下去除UINavigationBar的黑色线

//设置导航栏标题letnavBar=UINavigationBar.appearance()//取消导航栏下的黑线navBar.setBackgroundImage(UIImage(),for:.bottom
tuxw·2023-03-21 01:34

升级Xcode 13.0, iOS15 push卡顿

xcode13.0，手机系统iOS15,push卡顿（图片如下）设置navigationBar背景颜色navBar.backgroundColor=.white在navigationBar添加一个view
溪小希·2023-03-15 01:52

iOS15适配总结

1、在iOS15中，UINavigationBar默认是透明的，push和pop时导航栏有阴影，可以通过改变scrollEdgeAppearance属性直接变为模糊效果UINavigationBar*navBar
yuanweiphone·2023-03-14 16:15

小程序全屏选项卡

创建选项卡组件我们先创建一个components文件夹和navlist的组件QQ截图20190718114942.pngnavlist的html:{{item.text}}navlist的js://components/navbar
QWQ_64f9·2023-03-14 13:39

HarmonyOS之JS UI自定义顶部导航栏NavBar

效果：效果.png文件结构：文件结构.pngheader.hml{{title}}header.jsimportrouterfrom'@system.router';exportdefault{props:{title:{default:""},//标题hideBack:{default:false},//是否显示返回键hideHome:{default:false},//是否显示返回tabbr页
xiesen·2023-03-13 21:04

Android状态栏和导航栏透明

透明状态栏+透明导航栏intvisibility=0;intnavbar=0;if(AndroidUtil.isJellyBeanOrLater()){visibility=View.SYSTEM_UI_FLAG_LAYOUT_STABLE
繁复至极返璞归简·2023-03-13 08:44

Shiny 模块间通信

app.Rlibrary(shiny)source("page1.R")source("page2.R")ui<-navbarPage(title="test",id="test",ui.page1(0
上校的猫·2023-03-12 19:38

jQuery Mobile初识

缩写页面的参数：data-role='navbar'：定义导航栏data-role='page':显示在浏览器中的页面data-role='content':定义页面中的内容data-role='
crazy__stone·2023-03-11 07:56

微信小程序自定义顶部navbar内容，包含获取微信小程序设备状态栏和导航栏高度

一、效果二、代码包含获取设备导航栏高度+状态栏高度《标题》第二个盒子必写，总体是需要三个盒子，方案一：第一个盒子是容器，第二个盒子是容器，因为是自定义的盒子，第二个盒子加一个背景色，不然会造成页面内容有透视效果第三个盒子是自定义的导航栏盒子容器，距离顶部是要有一个距离的，距离就是状态栏高度方案二：一个容器盒子容器盒子内包含两个盒子，一个上部盒子是状态栏高度盒子，（必须写，一样的不写会有页面内容上划
革履西装·2023-03-09 11:02

改变状态栏的字体颜色

解决方法对应的版本是swift4.2刚开始，查阅资料，说需要重写preferredStatusBarStyle方法，但是，没卵用，后来又多发查找，发现需要重写navbar中的方法，也是醉了，具体步骤如下
小屋新·2023-02-05 23:30

Xcode 10 iOS12 nav导航栏的Subviews奔溃

首先在Vc的类别中@interfaceUIViewController(Cloudox)@property(copy,nonatomic)NSString*navBarBgAlpha;@end#import"UIViewController
冷了年度·2023-02-05 18:53

Bootstrap3-导航条

1.定义导航条首页登录退出添加网站表示名(navbar-brand)伊人考试系统首页登录退出导航条包括链接、下拉菜单、网站标题和折叠按钮展开导航网站标题首页导航标题1导航标题2下拉菜单下拉菜单1下拉菜单
水静莲香2019·2023-02-05 07:35

第05篇:Mybatis的SQL执行流程分析

breadcrumb:falsenavbar:truesidebar:truepageInfo:truecontributor:trueeditLink:trueupdateTime:trueprev:
Chinesszz·2023-02-04 13:39

uni-app - 通用项目框架搭建及项目结构调整

demo地址:https://github.com/iotjin/jh-uniapp-demo本地数据存储：uni-app-网络请求和数据存储工具类自定义navbar：uni-app-基于uView的base-navbar
西半球_·2023-02-01 01:13

扫描二维码、条形码

#import"ScanQRCoreViewController.h"@importAVFoundation;#defineTOP(kScreenH-220-kNavbarHeight)/2#defineLEFT
Mr_Watson·2023-01-31 16:11

微信小程序自定义导航栏机型适配

方式二使用组件这里使用vant组件作为演示组件配置的NavBar，样式在
·2023-01-30 19:38

自定义导航

nav.wxmlnav.json{"component":true}nav.jsconstapp=getApp()Component({properties:{navbarData:{//navbarData
yorchin_lee·2023-01-30 14:27

微信小程序-自定义顶部导航栏(选项卡)-已解决

效果图:wxml:{{item}}111111222222wxss:.navbar{flex:none;display:flex;background:#fff;border-bottom:1rpx#07C160
UnIQUE Eason·2023-01-30 13:02

Swift可选代理委托的实现

步骤1、创建协议@objcpublicprotocolNavBarDelegate:NSObjectProtocol{@objcoptionalfuncleftButtonAciton()@objcoptionalfuncrightButtonAciton
养个小东西·2023-01-28 07:01

2019-11-02 阮一峰老师js学习代码风格

https://wangdoc.com/javascript/features/style.html#navbar12switch...case结构switch...case结构要求，在每一个case的最后一行必须是
LGBoy·2023-01-26 23:53

使用dash_bootstrap_components的搜索栏组件navbar

#-*-coding:utf-8-*-importdashimportdash_bootstrap_componentsasdbcimportdash_html_componentsashtml#实例化dashapp=dash.Dash(__name__,external_stylesheets=[dbc.themes.BOOTSTRAP])PLOTLY_LOGO="http://logofave
langcle·2022-12-11 15:14

Vue3学习笔记-- 组件化 - 插槽Slot(重点)/非父子通信

我们不能将组件中的内容限制为固定的divspan等这些元素如某种情况下我们使用组件希望组件显示的是一个按钮某种情况下希望是一张图片我们应该让使用者可以决定某一块区域到底存放什么内容和元素例子:定制一个通用的导航组件-NavBar
「已注销」·2022-12-07 07:42

Devperience 12.1 ribbonForm窗体里显示其他窗体

,项目结构如下：从工具栏拖一个dockManage放到RibbonForm1如上图所示，选择dockManage的箭头--弹出列表--选择AddPanelatleft,然后在dockPanel里加一个navBarGroup
幽水-椰子糖·2022-11-30 09:57

P206 -P209 标题和内容的联动效果

一：点击标题，滚动到对应的主题1.1DetailNavBar.vue1.2Detail.vue1.3Detail.vue想出一种解决方案然后themeTopYs不能写死，themeTopYs[index
m0_51414342·2022-11-22 06:33

mpvue微信小程序自定义导航栏NavBar组件封装

mpvue微信小程序自定义导航栏形态有4种如图：形态使用如下//第一种//第二种//第三种//第四种注释：isGoBack：表是否显示返回iconisGoBackEvent:表点击返回后是否需要判断确定离开当前页面（作用于新增页面离开时是否需要提示用户当前数据未保存，是否确定离开）；紧随@goBack事件backMain：表是否显示返回主页iconshowSearch:表是否显示搜索icon小程序
wocwin·2022-11-17 07:16

2 创建菜单和游戏界面

1创建导航栏在components文件夹下创建组件：NavBar.vue在template下导入bootstrap模版自己在bootstrap官网选择一个自己喜欢的样式NavbarHomeLinkDropdownActionAnotheractionSomethingelsehereDisabledSearchexportdefault
SMnK·2022-11-14 18:39

UNIAPP实战项目笔记29 购物车设置自定义导航栏

shopcart/shopcart","style":{"app-plus":{"titleNView":false,"scrollIndicator":"none"}}}shopcart.vueimportuniNavBarfrom
ggome·2022-10-30 17:56

UNIAPP实战项目笔记30 购物车内容块布局

购物车内容块布局主要代码:主要代码shopcart.vue{{item.name}}{{item.color}}￥{{item.pprice}}X{{item.num}}全选合计：￥0结算(0)importuniNavBarfrom
ggome·2022-10-30 17:42

vue3 根据菜单，创建动态路由

/components/main_sidebar.vue"importnavBarfrom"..
meng_xiaoxiao·2022-09-30 05:34

微信小程序 组件传值(一) properties 父传子

文章目录前言一、子组件准备接收二、父组件传值总结前言Vue里props的全称为property而property的复数形式即微信小程序中的properties,二者的使用方法也极为相似…一、子组件准备接收点击NavBar
白瑕·2022-09-29 14:35

Bootstrap学习笔记——导航条、分页导航

1导航条导航条（navbar）比航（nav）复杂很多；导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。
gengfu_AI·2022-09-22 20:10

一步步创建vue-element-admin框架实现004-整体样式布局实现

vue-element-admin框架实现004-整体样式布局实现一、样式文件二、创建layout布局需要的组件1）新增文件：src\layout\index.vue2）新增文件：src\layout\components\Navbar.vue3
binggoling·2022-09-22 07:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他