微信小程序
文章平均质量分 73
YinJie…
罗曼罗兰说:“这个世上只有一种真正的英雄主义。那就是,认清生活的真相,并且仍然热爱它。
展开
-
微信小程序第六篇:元素吸顶效果实现
通过 wx:if 来控制它的显示与隐藏,当页面移动到“啦啦啦”所在位置的时候显示这个元素,并且让他的 position 为 fixed。当页面距离顶部高度超过 216 也就是 “啦啦啦” 所在元素高度时,就让 header 下的元素显示。我们要实现“啦啦啦”所在的元素块在移动到它的时候吸顶,那必然需要结合 scroll-view 标签的 bindscroll 属性实现,这种效果在我们日常开发中是非常常见的,下面让我们结合代码一起来看看是如何实现的吧。,这样就巧妙实现了元素的吸顶效果。原创 2022-12-09 18:10:18 · 3330 阅读 · 0 评论 -
微信小程序第五篇:页面弹出效果及共享元素动画
首先我们先看一下要完成的效果:我们要实现的效果就是点击歌单图片的时候,弹出一个假页并且伴随动画效果,当退出假页页面的时候,假页的歌单封面图会缩小到歌单页的封面图大小,并且移动到相应的位置。原创 2022-12-09 17:41:29 · 3719 阅读 · 0 评论 -
微信小程序第四篇:生成图片并保存到手机相册
刚刚我们封装了顶部的分享组件,那现在就要去定义保存图片到相册的方法了,我们写代码的时候一定要考虑清楚这段代码是否是可复用的,是否应该剥离出去。显然保存图片到相册这个方法我们应该写在 utils 目录中,因为有很多其他的场景都可以用这个方法,那我们就封装一个公用方法,参数就是图片的地址,成功的回调函数和失败的回调函数。wx.getSetting ({ // 查询所有授权if (res.authSetting['scope.writePhotosAlbum']) { // 用户已经授权。原创 2022-12-09 15:15:12 · 8260 阅读 · 7 评论 -
微信小程序第三篇:获取页面节点信息
最常见的用法是使用这个接口来查询某个节点的当前位置,以及界面的滚动位置。添加节点的布局位置的查询请求。相对于显示区域,以像素为单位。可以用于获取节点属性、样式、在界面上的位置等信息。在自定义组件或包含自定义组件的页面中,使用。,这样可以确保在正确的范围内选择节点。获取节点的相关信息。的尺寸、滚动位置等信息。方法后,节点信息会在。原创 2022-11-26 21:31:22 · 4652 阅读 · 0 评论 -
微信小程序第二篇:七种主流通信方法详解
今天我们来说下微信小程序的三种通信:组件通信、页面通信和全局通信原创 2022-11-26 21:16:10 · 1278 阅读 · 0 评论 -
微信小程序第一篇:自定义组件详解
使用已注册的自定义组件前,首先要在页面的 json 文件中进行引用声明。{这样,在页面的 wxml 中就可以像使用基础组件一样使用自定义组件。节点名即自定义组件的标签名,节点属性即传递给组件的属性值。代码示例: < component-tag-name inner-text = " Some text " >原创 2022-11-26 21:13:49 · 1368 阅读 · 0 评论