位置: 编程技术 - 正文

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

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

  • 固定资产进项税的账务处理
  • 专票待认证
  • 库存商品余额在借方
  • 预缴所得税年底怎么结转
  • 期初是什么
  • 房地产一般纳税人扣除土地价款
  • 企业破产时下列受偿等级最高的是
  • 丢失增值税发票最新处理办法
  • 母公司向子公司出售不动产要征收增值税吗
  • 记账凭证摘要的重要性
  • 先取得发票后付款说明
  • 关联企业无偿使用土地
  • 为员工买的人寿保险怎么做账
  • 进项税核定扣除试点
  • 营改增后建筑服务包括内容
  • 普票冲红可以部分冲红吗
  • 代扣款怎么做账
  • 2020国家生育津贴多少钱
  • 库存占销售的多少合适
  • 非全日制员工个税扣除标准
  • 收到股东交的多余的股金怎么做账务处理
  • 资产负债一并转让增值税
  • mac怎么传文件到百度网盘上
  • 无形资产如何评估作价
  • 软件产品即征即退申请表
  • 上市公司发行债券股价会涨吗
  • 企业所得税分析方法
  • php获取指定日期是星期几
  • fssm32.exe是什么进程 有什么作用 fssm32进程查询
  • 用彩泥可以做什么食物?
  • 租赁经营账务处理办法
  • 典当行交易是给现金吗
  • 中科大ustc-guest
  • symfony框架经验总结
  • 详解16型人格
  • 增值税多扣款了怎么处理
  • 怎么用ai做vi
  • 前端经典面试题讲解
  • php array_udiff_assoc 计算两个数组的差集实例
  • 会计审核费用报销单的职责
  • 材料明细帐
  • 人力资源公司的招聘专员怎么样
  • 银行存款出现负数
  • wordpress提示插件
  • 其他收益算营业收入吗
  • 印花税所得税汇算清缴
  • 小企业会计准则适用于哪些企业
  • 资本公积账务处理办法
  • SQLserver行转列
  • 个税汇算清缴是退税吗
  • 购进溢余分录
  • 公司发放加班补贴怎么做账
  • 实收资本印花税最新政策2023年
  • 公允价值变动损益
  • 律师费能计入办公费吗合法吗
  • 住宿发票没有写天数
  • 原始凭证分类的依据有什么
  • 建账需要准备什么东西
  • sqlserver使用方法
  • u盘装系统win8
  • window10收藏夹怎么导出
  • 微软推送windows 11
  • xp系统如何设置用户密码
  • windowsxp怎么卸载
  • win 8怎么样
  • linux中vi命令详解
  • 后缀是nb是什么程序
  • quick-cocos2d-x如何在mac下编译安卓版本
  • jq复制元素
  • 代码整洁之道 高清pdf
  • 详解JavaScript ES6中的模板字符串
  • android广播接收器数量达到1000
  • activity的跳转
  • jquery常用的5个方法
  • 江西电子税务局官网
  • 收购烟叶可抵扣进项税
  • 购买方销售方什么意思
  • 深圳市国家税务局电子税务局官网
  • 城市土地使用税计税依据
  • 铁力杯四省冠军
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设