位置: 编程技术 - 正文

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

编辑: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的具体使用方法

  • 审计合同需要交税吗
  • 对方公司已注销如何付款
  • 财务报表上期金额怎么填写
  • 补缴去年的附加税
  • 公司银行未开户税务也没开需要做工商年报吗
  • 小规模印花税可以零申报吗
  • 小规模纳税人免征增值税政策
  • 忘记先抄税再申报了怎么办
  • 计提劳务成本月末需要结转吗
  • 预缴企业所得税税率
  • 借款合同印花税纳税期限
  • 用于非增值税应交税费
  • 外币折算差额计入什么科目
  • 给单位员工报销电话费怎么做账务处理
  • 电子发票服务平台诺诺发票官网
  • 一次性收取一年服务费怎么确定收入
  • 拨号的用户名
  • 民间非营利组织有哪些
  • php解析xml文件
  • 开源鸿蒙适配
  • PHP:oci_field_type()的用法_Oracle函数
  • 筹建期间发生的开办费属于什么费用
  • 小企业会计制度最新版
  • php生成文件函数
  • 小规模纳税人进口增值税怎么处理
  • 给分公司开的发票,总公司付的款可以吗
  • 美国人用什么英语词典
  • 所得税的期初资产怎么算
  • 免费学电脑的网站
  • python面向过程与面向对象的区别
  • 销售商品的收入属于收入吗
  • 企业提取盈余公积的比例
  • 退回发票金额是什么意思
  • 处置固定资产账务处理进什么科目
  • 个税租房租金扣除规则
  • 企业编制现金流量表的主要目的是什么
  • access参数查询怎么弄
  • sql join 语句
  • 企业所得税不能税前扣除项目
  • 无形资产减值准备借贷
  • 包装成本核算的主要内容
  • 融资租入固定资产的入账价值
  • 长期待摊费用属于利润表项目吗
  • 工伤误工费标准是按照社平工资来算的吗
  • 长期待摊费用什么时候结束摊销
  • CentOS中mysql cluster安装部署教程
  • mysql指定查询
  • win10预览版21277
  • Win10 64位系统下鼠标右键刷新没反应的解决方案
  • winxp怎么装系统
  • 制作win7系统安装u盘系统
  • win8应用商店废了
  • centos7(core)
  • win8怎么安装不了win10
  • keyemain.exe是什么
  • linux who am i
  • popupblocker是什么
  • win8怎么打开桌面
  • 协同编程工具
  • android app架构设计
  • js object.seal
  • Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
  • dos批处理命令大全
  • Interlnk、Intersvr、Qbasic命令的使用方法
  • Unity3D游戏开发pdf
  • node遍历文件夹
  • java获取两个日期间的所有月份
  • vue如何用
  • Android通过HttpURLConnection获取JSON并进行UI更新
  • shell脚本 -ne 0
  • centos6升级到centos8
  • python的对象
  • 基层税务所工作现状
  • 一般纳税人开票的税率是多少
  • 洗煤与选煤
  • 陕西税务厅
  • 公寓土地增值税30%-60%阶梯税
  • 获得感幸福感还有什么
  • 公务员考试税局
  • 北京税务热线电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设