位置: 编程技术 - 正文

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

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

  • 自然人收缴税务客户端
  • 劳务费个人所得税税率表2023最新
  • 固定资产登记在三栏式吗
  • 给员工发礼品发什么礼品最实惠
  • 结转存货跌价准备冲减主营业务成本
  • 测试费明细
  • 固定资产的原值是含税价?
  • 汽车牌照费用标准
  • 钱已付票未收到分录怎么做
  • 建行网银转账复核流程
  • 收到快递费属于什么科目
  • 行政单位工资支出标准
  • 政府扶持资金要还吗如村委借给企业对吗
  • 救护车能随便买吗
  • 临时工工资为什么那么低?
  • 哪些属于不动产权
  • 商业承兑汇票可以提前承兑吗
  • 基建项目待摊投资
  • 活动板房增值税税率
  • 案例讲解:当年度未及时取得有效凭证的相关成本、费用涉税处理
  • 水利工程建设费用组成
  • 多扣除了应交税费怎么调整?
  • 普通的增值税发票可以查询到购买人的信息吗
  • 收入是零招待费怎么汇算
  • 用银行存款缴纳上月所得税分录
  • 固定资产清理账户结构
  • 通讯费 个税
  • 代垫资金的代购是什么
  • dir852迅雷路由器
  • 月末结转本月已销产品成本
  • 发生以前年度损益调整
  • 为离职员工代缴社保 如何规避法律责任
  • 认缴出资怎么记账
  • 个人所得税如何办理退税
  • 电子商票到期后多少天有效?
  • php教程 ftp 函数
  • PHP:token_name()的用法_Tokenizer函数
  • win10怎么投影到手机
  • mysql实现事务
  • 外贸企业申报出口退税的期限
  • 怎么缴销空白发票
  • YII Framework的filter过滤器用法分析
  • php 数组相加
  • 鹅卵石镇宅
  • 基于卷积神经网络的网络入侵检测算法设计与实现
  • 自产赠送视同销售的成本怎么确定
  • 购买员工团体意外险肺炎能报销吗
  • 财务章有几种样式
  • 进项大于销项怎么办
  • 总公司发票可以从分公司付款吗
  • 住宿费当月抵扣吗
  • python命令行进度条
  • 个税申报系统累计收入怎么算
  • 经营活动现金净流量为正说明什么
  • db2 connect命令
  • 查询sqlserver数据库开发这门课程的最高分
  • 工程物资主要包括建筑材料
  • 其他应收账款的会计分录
  • 个人账户打流水需要本人吗
  • 通行费发票电子化 机场路
  • 联营企业子公司是否构成关联方
  • 做好成本会计的基础工作主要对企业成本管理有什么意义
  • 销售退货怎么开票
  • 会计净资产计算公式
  • 汇总帐凭证处理
  • mysql安装配置教程5.7.16
  • win7系统屏幕键盘怎么打开
  • wmiex.exe是什么程序
  • win8系统远程桌面在哪里
  • opengl learning
  • 优质推荐
  • linux shell 字符串转数字
  • javascript 数组
  • vue js 页面代码分离
  • python 类的用法
  • js如何获取当前页面的url
  • public services翻译
  • 税务总局机关
  • 安徽省地方税务局公告2016年第1号
  • 消费税的纳税义务的发生时间是如何规定的
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设