wepy
carlos.chang
这个作者很懒,什么都没留下…
展开
-
wepy2 小程序根据滚动日期跟随(与tab跟随原理一样)vant-ui
需求:在列表页,根据滚动的距离,日期跟随。思路:记录每次滚动的scrolltop,用watch监听当前滚动高度,每500毫秒(可以根据需求修改时间)检测一次当前列表处在哪个日期区间。实现:html:<div v-if="transactionlist&&transactionlist.length > 0"> <div class="transactionlist-list"> <transaction-p原创 2021-01-25 16:17:19 · 285 阅读 · 0 评论 -
wepy小程序聊天记录选择文件上传 wx.chooseMessageFile 带有进度条动画 支持文档打开 完整记录
#需求:从聊天记录中选择文件,支持的文件格式doc, docx, pdf,同时支持上传的文档打开文件选择与上传文件后展示模版代码:<van-cell title="从微信聊天记录中上传" value="选择文件" is-link @click="chooseMessage" size="large" /><div class="declare-file" v-for="(item,index) in chooseFileList" :key="index">原创 2020-11-09 11:03:10 · 2890 阅读 · 0 评论 -
小程序 wepy2框架使用filters过滤 千位符过滤
需求:全部价格都用千位符过滤。wepy2框架不支持vue的filters,只能使用小程序本身的wxs来快速解决这个需求。1.新建filters.wxs文件,千位符参考博客:http://beteshis.com/6T2R//单价增加千位符function get_thousand_num(num){ var regNum = getRegExp('\d+', 'g'); var regThree = getRegExp('(\d{3})', 'g'); return原创 2020-10-28 10:08:38 · 316 阅读 · 0 评论 -
微信小程序生成图片 分享朋友圈 wepy 生成分享图
阿里云学生服务器 低至10元一月需求:点邀请按钮后,请求接口拿到base64格式的二维码,生成图片并且支持长按保存。工具:使用小程序wx.canvasToTempFilePath,以及wx.getFileSystemManager、wx.canvasToTempFilePathhtml:需要实现长按保存,所以加了一个图片,透明度设置为0。并且开启长按保存功能(小程序image属性) <div class="inviteshare" > <canvas ca原创 2020-09-23 15:24:05 · 759 阅读 · 0 评论 -
wepy2 + vantweapp 实战总结 踩坑记录
wepy2+vant实战记录安装wepy2+vant微信开发者工具导入项目项目中引入vant组件使用组件小程序体验二维码安装wepy2+vant先安装wepy 2.x$ npm install @wepy/cli -g # 全局安装 WePY CLI 工具$ wepy init standard myproj # 使用 standard 模板初始化项目$ cd myproj # 进入到项目目录$ npm install # 安装项目依赖包$ npm run dev # 监听并且编译项目具体原创 2020-08-17 11:43:27 · 1080 阅读 · 4 评论 -
wepy2 小程序 弹窗遮罩层阻止滑动穿透
问题:引入vant-ui框架后,用dialog弹窗,遮罩层下面的内容也可以滑动。解决思路,弹窗设置阻止滑动行为 catchtouchmove,需要滑动的内容引用小程序中的scroll-view,如果纵向滑动需要设置高度并且设置scroll-y="true",catchtap里的方法需要设置一个空函数。<van-dialog use-slot custom-class="step" show="{{ orderTrace }}" bind:con原创 2020-07-03 11:21:47 · 765 阅读 · 0 评论 -
wepy2 小程序 密码弹框 验证码弹框 模拟聚焦
需求:小程序中手机获取验证码后,自动弹出数字键盘,弹出输入验证码弹窗并且有光标闪烁效果验证码弹窗组件:<template><van-popup custom-style="border-radius:4px;height:460rpx;top:30%" show="{{showPayPwdInput}}" close-on-click-overlay="{{false}}" closeable bind:close="closeFn"> <div class="原创 2020-07-03 11:10:37 · 696 阅读 · 0 评论