小程序
文章平均质量分 69
包淼淼
我是一只程序喵
展开
-
微信小程序自定义navigationBar顶部导航栏(背景图片)适配所有机型,使用tdesign-miniprogram t-navbar设置背景图片
一定要设置,不然页面会出现一个原生的导航栏,一个自定义的// app.json文件此处选择在app.js文件(小程序启动时)计算并存储在全局变量中// 获取系统信息// 胶囊按钮位置信息// 导航栏高度 = 状态栏高度 + 44。原创 2024-09-20 12:22:50 · 936 阅读 · 0 评论 -
小程序连接蓝牙流程
目前踩过的坑:微信需要打开蓝牙设置,并开启蓝牙,部分安卓手机需要打开手机定位。android手机接收的蓝牙数据包不超过20个字节,但ios基本上没有限制。setBLEMTU方法在 nova 7上不能使用,一直报 internal fail 错误。因为本次需要蓝牙传输的数据比较多,android手机一次只能接收到一半数据,需要再次进行设备的蓝牙数据传输按钮,才能获取到全部数据。但是ios接收到全部数据。 openBluetoothAdapter() { let that = this.原创 2021-04-22 10:27:17 · 1505 阅读 · 6 评论 -
小程序页面滚动到底部,使用scroll-view scroll-into-view失效问题
场景需求:咨询问题时,每次收到新的消息或发送消息后页面自动滚动到底部使用scroll-view组件, 设置scroll-into-view 在底部写一个容器并且设置id 在js data中定义toView并设置默认值底部容器id<scroll-view scroll-y="true" scroll-into-view="{{toView}}" scroll-with-animation="true" wx:if='{{doctorInfo}}' class="inquiry-swiper原创 2020-12-08 15:59:35 · 2184 阅读 · 0 评论 -
小程序使用canvas绘画、签名。wx.canvasToTempFilePath安卓机生成图片背景色为黑色
最终结果如图所示:注意:这里使用了两个canvas,所以有关canvas的配置要配置两个。利用具体实现代码如下。利用wx.canvasToTempFilePath生成canvas图片时,记得fileType为'png',这样生成图片背景色为透明色,以适应安卓机生成图片背景色为黑色的问题。<van-tabs active="{{ active }}" animated color="#007EFF" tab-active-class='tab-active' bind:disabled=.原创 2020-07-01 10:31:12 · 3978 阅读 · 2 评论 -
小程序配送时间、自提时间组件
配送时间组件参考:https://www.jianshu.com/p/d95f0fade2f5自提组件设计如下:index.wxml<view bindtap='chooseTime' >自提时间{{storePickupTime}}</view><van-popup show="{{ showTime }}" bind:close="onCl...原创 2020-06-02 10:23:12 · 2420 阅读 · 1 评论 -
微信小程序input输入框输入数字时只能输入小数点后两位
<input bindinput="moneyInput" type='digit' maxlength='10' />moneyInput(e) { var money; if (/^(\d?)+(\.\d{0,2})?$/.test(e.detail.value)) { //正则验证,提现金额小数点后不能大于两位数字 money = e.deta...原创 2019-10-30 16:38:38 · 6565 阅读 · 5 评论 -
小程序上传文字、小程序上传语音、小程序上传图片组件
设计图如下:以下代码基于此图公共样式app.wxss如下/**app.wxss**//* .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx...原创 2019-10-22 16:29:12 · 1038 阅读 · 4 评论 -
微信小程序new Date()方法失效问题解决方法
iOS系统对js中的new Date()方法有格式要求let dt = new Date("2019-07-24 19:57")// dt会返回valid Date正确写法应该是let dt = new Date("2019/07/24 19:57")而实际应该过程中日期格式大部分都是2019-07-24这种,所以在实际应用过程中需要用正则对字符串进行预处理let tm...原创 2019-09-30 18:47:12 · 3209 阅读 · 1 评论 -
微信小程序预览和真机调试都不可以正常使用:请打开手机调试,并保证电脑和手机同一个局域网
请打开手机调试,并保证电脑和手机同一个局域网原创 2019-09-27 16:08:23 · 5618 阅读 · 0 评论 -
微信小程序placeholder设置自定义颜色
<view class='inp'> <input placeholder-class="phcolor" class="input-text" name="username" placeholder="测试placeholder" /> </view> .phcolor{ color:...原创 2019-08-20 11:32:23 · 221 阅读 · 2 评论 -
小程序 Page自定义:onReachBottom 函数不执行
如果你的页面没有充满屏幕是不会触发这个函数的!所以最好的办法就是把最外层的view的height属性设置为100%!原创 2019-08-20 11:29:07 · 1016 阅读 · 0 评论 -
小程序 textarea组件层级过高导致文字穿透浮层的一个解决方法
参考:https://blog.csdn.net/DeepLies/article/details/81511722原创 2019-08-20 11:28:31 · 812 阅读 · 1 评论 -
wx.navigateBack携带参数
参考:https://blog.csdn.net/Yana_li/article/details/78804165一.let pages = getCurrentPages();//当前页面let prevPage = pages[pages.length-2];//上一页面prevPage.setData({//直接给上移页面赋值 item: e.currentTarget.d...转载 2019-08-20 10:47:32 · 414 阅读 · 0 评论 -
微信小程序---分页数据请求
参考:https://www.cnblogs.com/wolipengbo/p/9375759.html原创 2019-08-20 10:36:04 · 663 阅读 · 0 评论 -
小程序之动态修改页面标题
一:写死的形式在json直接配置: 1 2 3 { "navigationBarTitleText": "标题" } 二:动态修改的形式 1 2 3 4 5 onLoad: function (options) { wx.set...原创 2019-08-20 10:32:33 · 178 阅读 · 0 评论 -
微信小程序图片上传组件
参考:https://www.jianshu.com/p/01eac095cf95 gif效果图,加载需要一丢丢时间功能介绍1.点击+框,选择并展示所选图片2点击×删除对应图片3.右上角0/9看到没,最多选择9张4.点击图片放大预览,并...原创 2019-08-20 10:29:50 · 5074 阅读 · 2 评论