小程序
一闪一闪亮晶晶,漫天都是小星星
这个作者很懒,什么都没留下…
展开
-
小程序 跑马灯 css实现
js中textWidth=文字长度*文字大小(我是40rpx的字号,所以填了20)原创 2023-01-31 14:46:43 · 244 阅读 · 0 评论 -
小程序picker-view标签属性value不生效问题
设置个延时就能回显了。原创 2023-01-17 14:14:49 · 421 阅读 · 1 评论 -
小程序 多tab 多swiper + 每个tab分页
小程序 多tab 多swiper + 每个tab分页原创 2022-06-27 16:37:42 · 353 阅读 · 0 评论 -
小程序验证码登录
小程序验证码登录js: wxss:util原创 2022-06-02 18:01:21 · 240 阅读 · 0 评论 -
微信小程序:Framework inner error (expect FLOW_CREATE_NODE but get another)
在app.json中去掉lazyCodeLoading:'requiredComponents', 这个配置就好了原创 2022-05-06 17:54:33 · 5206 阅读 · 4 评论 -
小程序仿淘宝九宫格滑动效果
滑轨上面是九宫格,可滑动,九宫格用scroll-view包裹里面 x轴滑动滑轨代码:wxml <view class="track-wrap posRe"> <view class="active_track" style="left:{{ trackScrollWidth }}rpx"></view> <view class="bg_track" ></view> </v..原创 2022-01-24 15:28:48 · 726 阅读 · 0 评论 -
小程序 input元素上移问题
问题:页面滑动之后,输入框聚焦时会被顶上去(目前就安卓发现这个问题)解决办法 :page里的内容用scroll-view包裹,使page总是整屏,滑动在scroll-view里,不影响input原创 2022-01-24 15:24:35 · 492 阅读 · 0 评论 -
清除定时器失效问题
设置定时器时,不能多次设置 否则会开启多个定时器。在每次设置定时器的上面先清除一下之前的定时器就好了注:特别是组件中。。。原创 2021-11-24 17:41:07 · 452 阅读 · 0 评论 -
小程序 css common
page { background: #F3F6F9; font-family: PingFang SC; font-weight: 400;}.all_color { color: #F5B089 !important; }.clear{ clear: both;}.text-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.text-elli.原创 2021-11-15 16:22:58 · 431 阅读 · 0 评论 -
小程序 瀑布流
wxml部分:在wxml中设置top 和 left<!-- content --><view class="content "> <block wx:for="{{ goodList }}"> <view class="block bg-white text33 " wx:if="{{ index == 0 }}" style="position: absolute;top: {{ item.top }}px;left: {{ ite原创 2021-10-21 16:23:25 · 156 阅读 · 0 评论 -
小程序版本更新
// 检测新版本 if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { if (res.hasUpdate) { updateManager.onUpdateReady(function () { wx.sho..原创 2021-10-09 17:56:01 · 68 阅读 · 0 评论 -
文字间歇滚动---小程序为例
如下:wxml中的list里面包含很多列表item,每次显示2个,循环滚动,每次滚动间隔3stransition: transform {{ translate_y == 0 ? 0 : '.5s' }}; 当translate_y 为0的时候,回到第一个列表,为了防止回到第一个列表时,滚动很多条到第一条的的效果,过渡置为0即可<view class="group-list" style="transition: transform {{ translate_y == 0 ? 0 : '.原创 2021-04-27 18:58:20 · 164 阅读 · 0 评论 -
小程序模板自定义数据格式
<template is="group-good-wrap" data="{{ translateY:translateY }}"></template>原创 2021-04-27 18:34:30 · 131 阅读 · 0 评论 -
秒杀或拼团倒计时
如果是秒杀//秒杀 if(res.is_seckill == 1){ const hasRestSec = this.getRestTime(); if(hasRestSec > 0){ //开启倒计时 this.showCountDown(hasRestSec); } }倒计时://剩余时间倒计时 showCountDown(has...原创 2021-04-23 15:32:59 · 100 阅读 · 0 评论 -
小程序输入表情置空且提示
小程序输入表情置空且提示参考地址:https://developers.weixin.qq.com/community/develop/doc/0008c099e9c6e0331d1725ea45b800let reg = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u.翻译 2021-03-16 16:39:32 · 82 阅读 · 0 评论 -
小程序全局监听应用内页面跳转
onShow(options) {wx.onAppRoute(function(res){console.log(‘onAppRoute’,{res})})},结果:这是跳转到某个页面时监听到的这是跳转到某个页面时监听到的原创 2021-01-25 10:18:32 · 2132 阅读 · 0 评论 -
微信小程序previewImage放大模糊
从微信api拿到的头像是长这样的https://wx.qlogo.cn/mmopen/vi_32/XXXXXXXXXX/132末尾是/132将/132替换成/0就是微信头像清晰大图// 查看头像-大图 viewAvatar(){ //微信小图换大图查看---解决查看大图失真 const len = this.data.userinfo.avatarUrl.length let str = this.data.userinfo.avatarUrl.substr(.原创 2021-01-11 10:48:48 · 542 阅读 · 0 评论 -
小程序-选择gif变jpg的问题
wx.chooseMedia({count:count,mediaType:mediaType,sourceType:[type],sizeType: ['original'],maxDuration:60,如上图 将sizeType的压缩功能去掉就行了原创 2021-01-07 11:03:16 · 267 阅读 · 1 评论 -
小程序-倒计时
下面的例子是分+秒的倒计时,如果要加上天、小时只var dd = Math.floor(rightTime / 1000 / 60 / 60 / 24);var hh = Math.floor((rightTime / 1000 / 60 / 60) % 24);var mm = Math.floor((rightTime / 1000 / 60) % 60);var ss = Math.floor((rightTime / 1000) % 60);Component({ .原创 2020-12-15 16:40:32 · 179 阅读 · 0 评论 -
小程序slider --改变轨道高度
wx-slider .wx-slider-handle-wrapper{ height: 18rpx;}原创 2020-12-11 15:19:01 · 952 阅读 · 0 评论 -
小程序取消授权逻辑
export const getPermission = (successFun, failFun, obj) => { const { permissionName, promptMessage } = obj wx.getSetting({ success(res) { if (!res.authSetting[permissionName]) { wx.authorize({ scope: permissionName, ...原创 2020-12-07 17:09:03 · 112 阅读 · 0 评论 -
小程序 组件 video 进入全屏无效
this.data.videoContext = wx.createVideoContext('myVideo'+index,this)this.data.videoContext.requestFullScreen({ direction: 0 })this.data.videoContext.play()在创建video上下文实例的方法后面加个this原创 2020-12-03 18:05:44 · 1789 阅读 · 2 评论 -
小程序 弹窗时,页面不允许滑动
如图:在弹窗container标签上加上这句就好原创 2020-11-25 16:06:22 · 377 阅读 · 0 评论 -
小程序自定义组件数据在wxml上重组
<diy-richText class="content-con" params="{{ {content:item.content} }}"></diy-richText>原创 2020-11-17 15:31:50 · 88 阅读 · 0 评论 -
搜索-防抖
data:{ timer:null,} /** * input搜索 */ searchInput(e){ const value = e.detail.value if (this.timer) { clearTimeout(this.timer) } this.timer = setTimeout(() => { this.setData({ page:1, searchValue:.原创 2020-11-12 17:24:01 · 112 阅读 · 0 评论 -
小程序——评论+回复功能之问题解决
0.0 发博界面变了,有点不适应 哈哈哈以下记录以下在做这个功能时遇到的问题,都是自己写的代码问题。。。唉问题一: 数据在input为blur时清空,点击发送按钮时,blur先触发,导致发送时携带的用户信息清空了评论功能发送触发点有两个:一个是输入框右侧的发送 一个是键盘上的确定事件,为了避免以上问题,给blur的清空加上了150ms的延迟问题二:input focus时,拉起了键盘,当点击键盘以外的地方(我这边时评论列表,点击列表触发回复功能),这个地方刚好有点击事件时,会被触发,导致键盘原创 2020-11-09 18:43:05 · 1193 阅读 · 0 评论 -
小程序wxs时间 兼容ios
function timeFormat(strDate) { var date = strDate ? getDate(strDate.replace(getRegExp('-', 'g'), '/')) : getDate(); var y = date.getFullYear(); var m = date.getMonth()+1; m = m >= 10 ? m : "0"+m; var d = date.getDate(); d = d >= 10 ? d :.原创 2020-10-14 17:13:33 · 210 阅读 · 0 评论 -
小程序view-scroll组件实现左右列表联动
实现效果类似:1.左边点击 -> 右边滚动的相应的分类2.右边滑动 -> 左边的样式跟着改变思路:总共有两个view-scroll元素,一个左边一个右边。左边点击右边滚动和右边手动滑动都是由右边的bindscroll="handleContentScroll" 来控制,其中左边点击控制需要在右边加上scroll-top="{{contentScrollTop}}",在左边点击的时候计算右边需要滚动的高度以达到让右边自动滚动的效果注意:view-scroll要滑动的...原创 2020-08-27 11:28:42 · 1596 阅读 · 0 评论 -
小程序 includePoints 设置padding
this.mapCtx.includePoints({ padding:['50','50','60','50'], points:points, success(res){ console.log(res) }, fail(err){ console.log(err) } })原创 2020-06-28 18:44:22 · 2364 阅读 · 14 评论 -
微信小程序中web-view中的src值改变后页面需要退两次的问题
参考链接:https://www.cnblogs.com/fenqi/p/11361118.htmlweb-view既然是第二次刷新产生的,那么让只刷新第一次是不是就可以解决了,于是做了如下尝试:在B页面把A页面的web-view的src变量置为空,然后在A页面web-view上添加wx:if={{src!==''}}的条件控制,在src为空时销毁web-view,然后在B页面退回通过另一个变量把需要的url传递过去在A页面onShow,再设置src为一个我们期望的跳转url,总结一下:A页面跳原创 2020-06-28 14:33:15 · 2141 阅读 · 0 评论 -
小程序自定义缓存过期时间
例如:存有效期为30分钟的缓存定时30分钟之后清理导购信息 var timestamp = Date.parse(new Date()); var expiration = timestamp + 1800000; //缓存30分钟 wx.setStorageSync("data_expiration", expiration)取缓存判断时间是否超过30分钟var data_expiration = wx.getStorageSync(".原创 2020-05-29 11:53:03 · 280 阅读 · 0 评论 -
wx.authorize弹窗 、 wx.openSetting页面
wx.authorize:提前向用户发起授权请求,调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据,但不会实际调用对应接口。如果用户之前已经同意授权,则不会出现弹窗,直接返回成功。app.json中维护desc字段,"permission": { "scope.userLocation": { "desc": "您的位置将用于为你找到服...原创 2020-03-30 17:26:24 · 1807 阅读 · 0 评论 -
小程序使用touchstart touchmove touchend 之后,发现bindtap无法点击
场景:因为页面需求向下滑动之后显示和向上滑动隐藏某个元素,在滑动超过50得高度时执行。这是在该设置滑动元素区域里还有tap点击事件,发现没有效果。原因:被我的touchend事件响应了解决:if (endClientY - startClientY > 50) { //向下 _this.getMoreForStore();...转载 2020-03-27 11:31:22 · 1897 阅读 · 0 评论 -
小程序canvas转文件:canvasToTempFilePath: fail canvas is empty
自制组件里得用this canvasToTempFilePath({},this) 加上this翻译 2020-03-19 11:58:48 · 6689 阅读 · 2 评论 -
小程序canvas画布draw时 偶尔不进入回调的问题
小程序用canvas使用画布的时候,有时候可以进入回调,有时候又不行。。解决办法:在回调函数外面套一层延迟就行了原创 2020-03-19 11:52:07 · 1386 阅读 · 0 评论