微信小程序
cvory
这个作者很懒,什么都没留下…
展开
-
微信小程序 页面与自定义组件的数据及方法通信
组件引用页面目录结构:引用组件可写在全局,也可写在单独页面。我这里写在全局,放在app.json如果是单独页面引用,放在对应的页面json中app.json:数据通信父页面:组件:自定义组件的properties属性中罗列出父组件传递的值在组件中可直接使用组件调用父页面方法父页面:组件:官网介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.htm原创 2021-06-30 16:36:03 · 201 阅读 · 0 评论 -
React+Umi 的H5 小程序公用跳转 H5小程序路由带参
场景分析使用H5编写小程序的原因:公众号和小程序的页面重复,避免同一页面写两次。可从网页进入,也可从小程序进入跳转方法分析工具使用端的分为 小程序内页面跳转和 普通网页页面跳转小程序内的页面跳转会分为:a>关闭本页打开b>不关闭本页打开(普通跳转)c>跳转tab页d>跳转外链e>回跳网页跳转:外链跳转,普通项目内跳转Code// 公用跳转处理 modelName:页面路由,query:参数, type:跳转方式export const na原创 2021-06-30 15:57:21 · 1323 阅读 · 0 评论 -
微信小程序 使用Vant 构建npm提示 找不到文件夹无法构建
问题如图:复现描述我的npm init是在项目文件夹的根目录VantJS官方文档:就一直提示找不到miniprogram文件夹miniprogramNpmDistDir应该指向你文件的根目录我的根目录就是'./'改成这样即可原创 2021-05-31 15:14:51 · 609 阅读 · 1 评论 -
原生CSS瀑布流写法:flex,position,column-count,效果图及缺点
原生CSS瀑布流写法1. 设置column-count:原理: 将子元素分两列展示,从而实现简单的瀑布流布局效果:缺点:纵向布局,和现在市面以及用户的使用习惯不符需要一次性拿到所有数据(与瀑布流的数据处理方式不符)2. 使用flex布局code:display:flex;flex-wrap:wrap原理: 超出一行的向下横向布局效果:缺点: 虽然是横向布局,但是每一行是不能上下插空3. 使用position:absolute效果:原理: 计算每一个块的位置,赋原创 2021-05-18 13:59:50 · 812 阅读 · 0 评论 -
H5,小程序中实现小红书式排序 瀑布流(横向排序) macy插件实际使用
需求:瀑布流排序非等长的块级一排两个样式图如下:(先直接讲解决方案,后续放原生3种方式的缺点,有兴趣往后看)解决方案:使用 Macy.js 插件官网:http://macyjs.com/优点:体积小,仅4KB无需依赖jQuery可配置化强,一句话可解决瀑布流显示Code:JS使用// react Hook中的使用 useEffect(() => { // 瀑布流设置 var masonry = new Macy({ contain原创 2021-05-18 13:56:29 · 2224 阅读 · 1 评论 -
微信小程序__wxConfig.onReady is not a function报错
问题如标题原因:工具版本问题好像是2.10.2独有的问题我改成2.10.4就没有报错了原创 2020-04-08 17:26:30 · 1839 阅读 · 0 评论 -
微信小程序生命周期
虽然说onLaunch在onLoad之前执行,但是在onLaunch里请求获取是否有权限,等待返回值的时候Page里的onLoad事件就已经执行了。解决办法:在APP里面onLanch中的网络请求中设置判断if (this.userInfoReadyCallback) { this.userInfoReadyCallback(res)}在page的onLoad中设置一个回调a...原创 2019-11-27 14:41:13 · 6144 阅读 · 0 评论 -
"pages/../.." has not been registered yet.
新建的页面文件 对页面进行css设置 都没有效果并且控制台报错原因是没有在相应页面的.js文件中调用Page({}),新建的文件你也需要在.js文件中加上Page({});加上后设置的样式也起了效果...原创 2019-11-27 11:09:46 · 19223 阅读 · 4 评论 -
微信小程序报错fail url not in domain list
调用腾讯位置服务报错:fail url not in domain list解决方法:腾讯位置服务:https://lbs.qq.com/qqmap_wx_jssdk/index.html申请开发者密钥(key):申请密钥开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存...原创 2019-11-26 15:28:31 · 2063 阅读 · 0 评论