位置: 编程技术 - 正文

微信小程序顶部可滚动导航效果(微信小程序顶部导航栏怎么做)

编辑:rootadmin

推荐整理分享微信小程序顶部可滚动导航效果(微信小程序顶部导航栏怎么做),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序顶部颜色怎么改,微信小程序顶部导航栏怎么做,微信小程序顶部导航栏颜色,微信小程序顶部的音乐怎么关闭,微信小程序顶部导航栏怎么做,微信小程序顶部导航栏怎么做,微信小程序顶部音乐音频怎么关闭,微信小程序顶部导航栏颜色,内容如对您有帮助,希望把文章链接给更多的朋友!

需求是小程序做头部做导航分类的效果

顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,内容用类似模板方式引用,可重复利用

PS:下面看下小程序动态设置顶部导航条的方法

摘要

之所以记录这个,是因为在做一个小程序项目时,老板需要我在一个页面上index,在不同的时间段顶部导航的颜色需与背景相同。刚开始在老板未要求之前我都是想这样做的,但是我百度方法一直未找到正确且合适的,所以我懵逼了,就偷偷懒用一个固定颜色就好了。哪知道后来老板看项目成果时提出看法说“顶部的颜色与背景色不同感觉不好看,是否可以同不同时间段的背景色一样”,唉~老板不知我的痛,没办法只有听老板的,所以我又认真的看API了,终于看到了。

感觉这个需求会在我之后的项目中会用到,所以在这里做个笔记,

1.动态设置当前页面的标题 wx.setNavigationBarTitle(OBJECT)

object参数说明:

1.属性:title - 类型:String - 必填:是 - 说明:页面的标题

2.属性:success - 类型:Function - 必填:否- 说明:接口调用成功的回调函数

3.属性:fail - 类型:Function - 必填:否 - 说明:接口调用失败的回调函数

微信小程序顶部可滚动导航效果(微信小程序顶部导航栏怎么做)

4.属性:complete - 类型:Function - 必填:否 - 说明:接口调用结束的回调函数(调用成功或失败都会执行)

2.动态设置顶部导航栏的背景色 wx.setNavigationBarColor(OBJECT)

object参数说明:

属性-类型-必填-说明

1.fontColor - String - 是 - 前景颜色值,包括按钮、标题、状态栏的颜色,仅支持#fff和#

2.backgroundColor - String - 是 - 背景颜色,有效值为进制颜色

3.animation - Object - 否 - 动画效果

4.animation.duration - Number - 否 - 动画变化时间,默认0,单位(毫秒)

5.animation.timingFunc - String - 否 - 动画变化方式,默认linear

6.success - Function - 否 - 接口调用成功的回调函数

7.fail - Function - 否 - 接口调用失败的回调函数

8.complete- Function - 否 - 接口调用结束的回调函数(成功、失败都会执行)

总结

以上所述是小编给大家介绍的微信小程序顶部可滚动导航效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

react-native fetch的具体使用方法 在前端快速发展地过程中,为了契合更好的设计模式,产生了fetch框架,此文将简要介绍下fetch的基本使用。在AJAX时代,进行请求API等网络请求都是通过

bootstrap Table的一些小操作 本文实例为大家分享了bootstrapTable的操作代码,供大家参考,具体内容如下functionHQCreatTable(ob){varoption={cache:false,//是否使用缓存,默认为true,所以一般情

JavaScript实现带有子菜单和控件的slider轮播图效果 大家或许做过(照片轮播)无限滚动图片的项目,但是,如果使用普通的滚动,当到达最后一张时,便会滚动回第一张,这是一个非常不好的用户体验

标签: 微信小程序顶部导航栏怎么做

本文链接地址:https://www.jiuchutong.com/biancheng/369699.html 转载请保留说明!

上一篇:React Native使用Modal自定义分享界面的示例代码(react-native-modal)

下一篇:react-native fetch的具体使用方法

  • 私人大额转账要到柜台办理吗
  • 纳税人期末存货怎么结转
  • 买房契税如何计算
  • 车辆购置税计入固定资产入账价值吗
  • 结转增值税会计摘要
  • 企业间无偿划转资产,非关联方经营
  • 应收账款让售账务处理
  • 付的押金能要回来吗
  • 专项费用包括哪两种
  • 企业收到退回商品的会计分录
  • 收到国外的服务费怎么开票
  • 汇算清缴前发票未到
  • 房地产企业预缴企业所得税怎么算
  • 专票上的账号和收款账号要一致吗
  • 税收编码3040203
  • 购买食堂餐具开票怎么开
  • 以前年度加计扣除的税
  • 注册资金印花税怎么算
  • 收获怎么理解
  • 到期赎回的理财有风险吗
  • 事业单位坏账怎么处理
  • 原始凭证日期大写要求
  • linux虚拟机怎么输入中文
  • win10怎么关闭开机磁盘自检
  • php html5
  • php自动跳转页面
  • php如何实现
  • nvsvc.exe - nvsvc是什么进程 有什么用
  • 主营业务收入明细账
  • 职工重大疾病保险包括哪些
  • php 赋值
  • 跨年的发票作废重新开具需要入账
  • 怎么做委托银行业务
  • php实现数组排序,所有奇数在前偶数在后怎么排序
  • 巴芬岛旅游
  • vue viewui
  • vue使用计算属性声明在什么配置项中
  • ubuntu系统删除
  • 计提工会经费的标准
  • 连带责任担保会被拘留吗
  • MySQL中distinct与group by之间的性能进行比较
  • sql server ssrs
  • 法人转钱入公户要交税吗
  • 发票上的抵扣联抵扣联是什么意思
  • 内账的账务处理
  • 冲减以前年度利润
  • 预收工程款怎么做账
  • 发票金额和付款金额差几毛钱
  • 工资计提少了怎么办
  • 因产品质量问题造成的损失怎么赔偿
  • 公司折价购买的股票
  • 对公账户存款利息分录
  • 即征即退的增值税退城建税吗
  • 公司年初计划都有哪些
  • sqlserver增删改查执行语句
  • mysql5.5改密码
  • 如何开启windows防火墙
  • win10搜索类型
  • windows Server 2003设置磁盘配额操作图解
  • centos占用内存高
  • 通过修改注册表修改edge主页
  • win8如何打开设置
  • win10快速隐藏窗口
  • 微软星期二补丁
  • win8.1怎么重新装系统
  • linux挂载啥意思
  • cocos2dx 4.0更新内容
  • [置顶]马粥街残酷史
  • jquerygrid
  • layout_gravity与gravity的区别
  • android推送权限
  • javascript的dom
  • javascript面向对象编程指南第三版
  • 利润报表怎么填写
  • 深圳电子税务局app
  • 邮政银行开税票要什么材料
  • 重庆新电子税务局入口
  • 深圳城管局 局长
  • 土地使用税征收时间
  • 税务局工会
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设