微信小程序学习之路
机智的奎哥
这个作者很懒,什么都没留下…
展开
-
使用van-dialog二次封装微信小程序模态框
由于微信小程序的wx.showModal不支持富文本内容,无法实现更灵活的展示效果,故需要进行二次封装。实现思路:使用van-dialog以及微信小程序的rich-text实现。本文仅提供一种思路,可能不是最优写法,欢迎大家讨论留言。原创 2023-09-26 16:13:49 · 942 阅读 · 0 评论 -
解决微信小程序不支持TextEncoder/TextDecoder对象
小程序里直接require()引入,全局就有TextEncoder / TextDecoder 了。这个库只支持utf-8编码,其他编码的话可以看看这个。或者使用NPM安装,安装方式见文档。方法一:使用兼容写法。原创 2023-09-08 16:18:55 · 7141 阅读 · 11 评论 -
微信小程序文字换行符
在微信小程序开发中有一个需求是展示长文本,后端返回的数据包含了\n\n如果将这段文字直接赋值这样并不会换行,具体解决办法如下原创 2022-06-24 16:02:43 · 9418 阅读 · 0 评论 -
微信小程序实现扫二维码时仿微信扫码音效
需求分析:使用wx.scanCode时无交互感,对用户来说没有反馈,故增加扫码成功时震动及播放微信扫码音效// index.html<view bindtap="scanCode" class="equal-division-item flex-col items-center" hover-class="hover-class"> <view class="view"> <image src="http://xxx.xxx.com/app/xxx.png" cl.原创 2022-03-15 11:17:24 · 2152 阅读 · 0 评论 -
微信小程序实现js控制动画——点击播放动画
功能需求:点击刷新图标,图标旋转进入Loading状态,加载完毕,动画停止//index.wxml<view class="flex-col group_2"> <text decode="decode" class="text_1">{{userInfo.nickName}}</text> <view class="flex-row items-center section_1" hover-class="down_state" hover-stay-.原创 2022-03-15 11:03:14 · 3570 阅读 · 0 评论 -
小程序仿微信支付键盘实现
先上图2.实现过程键盘放在了vant-weapp组件的弹窗框popup中,并且默认进入页面自动弹出键盘index.wxml<van-popup show="{{ show }}" overlay="{{ false }}" position="bottom" bind:close="onClose"> <view class="flex-col keyboard"> <view class="flex-row"> &l.原创 2022-03-03 14:03:53 · 781 阅读 · 2 评论 -
记录Safari浏览器兼容问题BUG
safari浏览器不支持yyyy-mm-dd这种日期格式,换成yyyy/mm/dd,就没问题。所以手动添加了一个方法转换一下日期格式就可以正常运行了function formatDate(time){ var date = new Date(Date.parse(time.replace(/-/g, “/”))); return date}...原创 2021-06-05 13:38:10 · 502 阅读 · 0 评论 -
vant框架DropdownMenu 下拉菜单组件在小程序中的应用
vant框架DropdownMenu 下拉菜单组件在小程序中的应用官方文档实例:<van-dropdown-menu> <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" /> <van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" /></van-dropdown-menu>Page({ da原创 2020-09-14 19:56:04 · 7356 阅读 · 2 评论 -
微信支付踩坑之微信JSAPI配置支付授权目录
问题:微信JSAPI支付,配置支付授权目录,输入操作密码、验证码后无提示,也无添加记录.尝试多次,清空缓存,切换网络,重新登录等多种方法也无效解决:添加支付目录后,按流程正确输入操作密码后。界面会跳回来,这个时候发现并没有添加成功。接下来不要刷新网页,也不要点击别的模块。再添加一次刚才添加的目录。这个时候,你会发现不用输入操作密码了,然后,目录也添加成功了。perfect!!!...原创 2020-08-26 17:00:17 · 2089 阅读 · 2 评论 -
小程序文字上下滚动轮播效果实现CSS
wxml<viewclass="demo-list"><viewclass="rowup"><viewclass="item">1- 这是一句话</view><viewclass="item">2-这是一句话</view><viewclass="item">3-这是一句话</view><vi...原创 2020-08-19 18:13:55 · 1710 阅读 · 0 评论 -
微信小程序学习之路——按钮吸底效果
position:fixed;// 使按钮固定于可视窗口的底部bottom:0;left:0;right:0;height:44px;// 设置固定高度原创 2020-07-28 12:05:11 · 2165 阅读 · 0 评论