微信小程序
文章平均质量分 53
一只叮code的小蚊子
这个作者很懒,什么都没留下…
展开
-
小程序实现手写签名
在微信小程序上实现手写签名,获取canvascontext新版本和旧版本有点坑,新版本在获取canvas后如果页面有滑动,则签名坐标出现异常(在微信开发者工具上会出现2022-2-17),但是在真机上即使滑动也不会出现异常,为了防止出现问题,暂时使用旧版本获取canvascontext1.效果图#2.相关代码1.canvas代码新版2d canvas<canvas id="canvas" class="canvas" canvas-id="canvas" typ.原创 2022-02-17 18:12:08 · 2428 阅读 · 1 评论 -
uniapp 在onLaunch中使用redirectTo或reLaunch跳转页面后点击事件失效
好久没有记录了(今天更新下),使用uniapp编译成小程序时,在onLaunch中重定向会导致点击事件失效,但是,如果,你重定向的页面中有使用navigator组件跳转后再返回,点击事件又有效了,在原生微信小程序中重定向没有问题onLaunch中重定向失效onLaunch() { uni.reLaunch({ url: '/pages/user/user' })} 解决办法 onLaunch() { setTimeout(() => {原创 2021-08-11 00:46:30 · 1296 阅读 · 0 评论 -
uni-app中公众号h5端分享
有接触到使用uni-app来实现公众号的开发,在实现分享时,有出现一些疑惑,这里记录下1.公众号分享使用sdk开始我以为在公众号端,也是和微信小程序一样,可以使用button来进行我的朋友或者群的分享 要使用js-sdk才能进行分享,但是,一直使用小程序的分享都是点击后就能够进入微信端我的好友或者群进行分享,而这里使用sdk还是不能够直接的点击后进行分享,要点击右上角的发送给朋友进行分享...原创 2020-03-18 18:16:30 · 2049 阅读 · 0 评论 -
微信小程序之下载(下载文件tempFilePath后缀unknown)
最近有用到微信小程序的downloadFile接口,但是在真机上出现了文件后缀为unknown,导致文件保存失败,这里记录下1.下载文件使用downloadFile下载API/* 直接这样写的话,会出现下载文件后缀名为unknown的情况 */wx.downloadFile({ url: '', success (res) { console.log(res.file...原创 2019-09-16 15:06:59 · 5382 阅读 · 3 评论 -
微信小程序使用车牌号输入法
在做小程序时,做了一个关于车的项目,然后需要添加车辆信息、添加车牌号,使用车牌键盘输入,当时我把这个需求给砍了,然后在添加车辆信息时,老大看到数据库里我乱填的车牌号,又让我把他加上了^o^1.效果图2.相关代码使用组件形式实现键盘输入组件代码index.wxml<view class="carPlate" wx:if="{{show}}"> <bloc...原创 2019-08-19 15:24:18 · 2459 阅读 · 3 评论 -
微信小程序之scroll-view的flex布局问题
关于微信小程序的scroll-view组件,第一次写的时候是直接在scroll-view中用了一层容器包裹子元素,然后用了flex布局,并且是用了组件来实现的横向滚动,后面有提出改进,但是不记录下,就发现过了几天,就有点懵了1.效果图2.在scroll-view里加一层容器,使用flex布局实现这里用flex布局实现的话,就要用组件的形式wxss文件.scrollView{...原创 2019-01-15 15:09:03 · 5416 阅读 · 0 评论 -
记一次微信小程序在安卓的白屏问题
在做小程序的时候,做到了一个限时商品售卖,用到了倒计时,因为这个原因导致了安卓手机上使用小程序时,将小程序放入后台运行一段时间后,再次进入小程序后出现了页面白屏或者点击事件失效的情况,这里记录下1.相关代码文件我这里是使用了自定义组件的形式来渲染的外部的引用的自定义组件的wxml文件/* limitCommodity是一个数组,返回的是商品对象,包含商品价格、商品结束时间、商品图片...原创 2018-12-22 09:13:12 · 1392 阅读 · 0 评论 -
原生js实现瀑布流及微信小程序中使用左右两列实现瀑布流
使用css实现瀑布流并不实用,因为css实现的瀑布流都是以列来排列的,这里记录下用js实现瀑布流,以及微信小程序中使用左右两列来实现瀑布流1.效果图2.原生js实现瀑布流html文件<div id="root"> <div class="item"> <div class="itemImg"> ...原创 2018-12-11 08:51:23 · 1290 阅读 · 0 评论 -
去除富文本中的html标签及vue、react、微信小程序中的过滤器
在获取富文本后,又只要显示部分内容,需要去除富文本标签,然后再截取其中一部分内容;然后就是过滤器,在微信小程序中使用还是挺多次的,在vue及react中也遇到过1.富文本去除html标签去除html标签及 空格let richText = ' <p style="font-size: 25px;color: white">&nbsp; &nbsp; &...原创 2018-11-20 15:08:47 · 1111 阅读 · 0 评论 -
微信小程序之店铺评分组件及vue中用svg实现的评分显示组件
在微信小程序中,有遇到要展示店铺评分,或者是订单完成后对商品进行评价,用到了星星展示,查了下,在微信中无法使用svg实现图片,微信中只能将svg图片转成base64来显示,所以是在vue中使用的svg来实现评分1.效果图微信中的可以点击及显示,但是,显示的话,在4.2分,4点多分的时候,显示的是半颗星vue中用的是svg实现,所以用的是占比的形式,可以有一点点的星2.微信实现...原创 2018-11-15 16:37:01 · 607 阅读 · 0 评论 -
微信小程序之购物车和父子组件传值及calc的注意事项
在做微信小程序时,觉得小组里对购物车的实现不是很完美,就自己尝试的写了下,然后用到了父子组件传值,父子组件传值的话,和vue框架上是非常相似的,以及calc这个css函数,calc有个注意点,自己不怎么用,一时间有差点忘了,这里记录下1.效果图2.子组件实现要实现图中删除的效果,使用组件的形式更好做点,我当时本想直接在pages里实现,不过结果就是,滑动时,所有的商品都显示了删除按...原创 2018-11-13 08:50:34 · 622 阅读 · 0 评论 -
微信小程序中遇到的多规格问题(一)
刚进入公司的时候就有遇到过多规格的问题,当时就觉得很麻烦,就只是看了下,没有尝试,最近在写微信小程序的时候,又遇到了多规格问题,就自己尝试了下,在这里记录下1.效果图2.文件及部分思路index.wxml文件<view class="multipleStandard" bindtap="standardSelect"> <view class="stand...原创 2018-11-05 08:41:21 · 2277 阅读 · 0 评论 -
微信小程序中的iOS兼容性问题
记录下在微信小程序中遇到的一些兼容性问题,iOS兼容性1.iOS中input的placeholder属性字体不居中对placeholder设置line-height及font-size 对input设置高度2.iOS中滚动卡顿设置-webkit-overflow-scrolling:touch;3.微信小程序中解决iOS中new Date() 时间格式不兼容在实现倒计时,根据...原创 2018-10-30 17:46:44 · 4447 阅读 · 0 评论 -
微信小程序实现类3D轮播图
在写微信小程序时,有写到实现3D轮播图的效果,可以直接使用微信小程序中自带的组件swiper来实现效果图如下:1.swiper的相关属性indicator-dots 是否显示小圆点,也可以自己重新设置小圆点 circular 是否衔接滑动,就是实现无限滚动 previous-margin 与上一张图片的间距 next-margin 与下一张图片的间距 autoplay 实现自...原创 2018-08-30 13:03:44 · 1869 阅读 · 0 评论