
微信小程序开发
z2181745
这个作者很懒,什么都没留下…
展开
-
mac 上用charles 抓包pc端微信小程序
原因:个别电脑打开pc端小程序接口报错,需要查看具体请求参数排除原因配置charles1、选择菜单栏Help->SSL Proxying->Install Charles Root Certificate2、如下图,需要设置信任安装的证书3、在菜单栏选择Proxy->SSLProxying Settings4、在SSLProxying Settings->SSL Proxying中 新增一条代理:Host:*Port:443输入完成后点击o原创 2022-02-18 14:37:55 · 19961 阅读 · 0 评论 -
微信小程序:wxml-to-canvas 使用记录
原因:界面上有保存图片、在微信端分享的需求,以前有类似功能,前端实现页面模板,通过后端使用PhantomJS无界面的浏览器组件渲染后进行截图实现,但生成过程较慢,经商议本次通过前端实现保存图片功能目的:通过把页面用canvas绘制,从而导出为图片保存在手机。介绍:不同于h5有许多调用简单、可以截取页面的成熟插件,在微信小程序上绘制canvas 除了使用原生canvas外,官方提供了wxml-to-canvas组件。尽管并不完善,但相比直接canvas绘制,方便了序多,另外还有Painter(第三..原创 2021-08-27 11:29:04 · 2885 阅读 · 1 评论 -
微信小程序:实现左右滑动的日历组件效果
效果如下使用<swiper></swiper>实现左右滑动效果,设置swiper 属性circular 为循环,使月份数据在3个swiper-item中轮流播放,思路如下m 当为前月,swiper当前所在滑块的下标为 index ,index默认1,页面可以左右滑动当左右滑动时,页面数组数据和对应滑块的下标关系如下:index==1时:[m-1,m,m+1]index==2 时:[m+1,m-1,m]index== 0 时:[m,m+1,...原创 2021-07-30 19:15:12 · 1841 阅读 · 0 评论 -
解决微信小程序 输入框获取焦点光标偏移
如题:页面滚动后,点击输入框获取焦点,光标位置发生偏移解决方法:将页面元素整体放在<scroll-view></scroll-view>标签里 ,给<scroll-view设置固定高度解决了原创 2021-07-27 16:19:30 · 3071 阅读 · 0 评论 -
微信小程序:scroll-view实现自定义的列表下拉刷新
使用组件<scroll-view></scroll-view>参考:微信开放文档:scroll-view,在开发者工具中预览效果,demo里啥都有默认交互动画:wxml<scroll-view scroll-y style="width: 100%; height: 400px;" refresher-enabled="{{true}}" refresher-threshold="{{100}}" refresher-default-style=原创 2021-07-06 15:36:01 · 796 阅读 · 0 评论 -
微信小程序自定义顶部导航组件
1、在 page.json 中设置navigationStyle值为custom,可以使用自定义组件替代原生导航栏。示例:{ "usingComponents": { "custom-nav": "../../components/customNav/customNav", }, "navigationStyle": "custom"}2、自定义顶部导航组件wxml:<view class="custom main-bg" s原创 2021-07-06 11:48:18 · 415 阅读 · 0 评论 -
让微信小程序页面隐藏滚动条
需求是隐藏页面的纵向滚动条小程序提供了视图容器scroll-view ,可滚动视图区域。原创 2021-06-04 11:00:31 · 4170 阅读 · 2 评论 -
微信小程序image标签:根据图片比例展示
image组件默认宽度320px、高度240px通常使用mode="widthFix" 宽度不变,高度自动变化,保持原图宽高比不变可以通过文档中mode的合法值来来配置图片的显示另外基础库2.7.0以上,在image标签设置show-menu-by-longpress属性,可以开启长按图片显示识别小程序码菜单、实现当前页长按转发、保存图片、识别小程序码等。如下图文档:https://developers.weixin.qq.com/miniprogram/dev/component/原创 2021-01-26 14:06:17 · 1272 阅读 · 0 评论