QQ小程序
文章平均质量分 59
Danli.
努力成为一名自律并且不断进步的程序媛。
展开
-
解决自定义tabBar选中时的状态变换:通过 getTabBar 接口获取组件实例
问题描述:底部tabBar在切换时都会有对应被选中或未被选中的状态,我是在页面定义判断active与index的值是否相等,相等则显示被选中状态,反之显示未被选中状态。 原因分析:提示:这里填写问题的分析:例如:Handler 发送消息有两种方式,分别是 Handler.obtainMessage()和 Handler.sendMessage(),其中 obtainMessage 方式当数据量过大时,由于 MessageQuene 大小也有限,所以当 message 处理不及时时,会造成先传原创 2021-02-05 16:58:08 · 4931 阅读 · 4 评论 -
一步步教你如何实现小程序倒计时三二一后跳转页面功能,附加倒计时过渡动画
前言实现此效果涉及到的知识点:1.this.setData({}) 实现页面的同步更新2.设置定时器和清除定时器3.附:监听css3动画animation结束触发:bindanimationend一、页面内容及布局样式/*index.qml*/<view class="mask-num" bindanimationend='animationend'> {{countDownNum}}</view><view class="mask-num.原创 2021-02-04 11:26:05 · 2084 阅读 · 0 评论 -
通过组件实现小程序底部Top按钮滑动到底部显示,其他情况则隐藏,点击按钮之后返回顶部的效果
前言提示:此篇是基于QQ小程序,但微信小程序的实现原理也基本都差不多。所涉及到的知识点,先罗列一下:1.监听页面滚动以及触发回顶部:onPageScroll2.获取页面高度:createSelectorQuery // .select(’#page’).boundingClientRect3.父子组件之间的传值:this.$组件名.setData({})一、组件页面:放置滚回顶部按钮<!-- button.qml --><view> <image c原创 2021-01-29 18:46:59 · 497 阅读 · 2 评论 -
小程序顶部自定义导航栏,让自己的小程序导航栏不再单一
前言关于小程序的导航栏,大多数人都只知道可以改变其背景颜色,标题内容等,但它的功能不止如此,你可以自定义成你想要的样式此篇文章是基于QQ小程序的设置其自定义的导航栏(原理其实和微信小程序的差不多)1.设置页面配置项列表如果你想要小程序的全部页面都有自定义的导航栏,那你就在app.json进行全局设置。我是在部分页面设置的,所以直接在想要应用的页面的json文件进行设置即可。"navigationStyle": "custom"2.写自定义导航栏组件由于我设置的不是全局的自定义导航栏,而是原创 2021-01-22 11:37:37 · 381 阅读 · 0 评论