小程序
真是个老机灵鬼
这个作者很懒,什么都没留下…
展开
-
小程序判断iphonex及以上机型
主要是为了适配安全区域,看过其他博主写的单独判断机型(下图),不太通用这么写以后再增加机型还要维护现在小程序getSystemInfo方法会返回safeArea对象,其中top字段可以作为我们判断的依据x及以上的异形屏top为44,非异形屏为20在onLaunch中判断,并将结果存到globalData:let that = this; wx.getSystemInfo({...原创 2020-05-06 15:09:08 · 3319 阅读 · 1 评论 -
小程序分包使用
分包目录结构示例:在app.json中添加subpackages字段,如下:参照官方app.json配置实例及目录结构:{ "pages": [ "page/tabBar/component/index", "page/tabBar/API/index" ], "window": { "navigationBarTextStyle": "black",...原创 2020-05-06 14:10:15 · 513 阅读 · 0 评论 -
javascript获取现在到未来某时间的倒计时
小程序项目,在开发新活动时有个需求,用户发起活动后有时间限制,后端给我传了一个结束时间的字符串,格式如下,我要在页面显示剩余的时分秒上代码,注释即思路// theFreeReceiveGoodDetailDTO.overTime 为从后台获取来的时间格式字符串that.setGetFormatOverTime(theFreeReceiveGoodDetailDTO.overTime)...原创 2020-01-07 10:59:48 · 689 阅读 · 0 评论 -
小程序下拉刷新及回弹
下拉刷新在页面配置文件中加入"enablePullDownRefresh": true,2.js部分及下拉回弹onPullDownRefresh事件监听用户下拉主动调用wx.stopPullDownRefresh()事件回弹/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { //业务代...原创 2019-07-29 14:45:32 · 1678 阅读 · 0 评论 -
小程序发送模板消息node.js
微信小程序获取fromId注意form组件的 report-submit属性需要为truewxml:<form bindsubmit="reviewSubmit" report-submit='true'> <button formType="submit" bindtap="{{reviewing ? '...原创 2019-07-11 17:45:48 · 317 阅读 · 0 评论 -
javascript时间戳转日期格式
javascript时间戳转指定日期格式// 格式化日期,如月、日、时、分、秒保证为2位数 formatNumber (n) { n = n.toString(); return n[1] ? n : '0' + n; }, // 参数number为毫秒时间戳,format为需要转换成的日期格式 formatTime (number, f...转载 2019-07-11 13:45:52 · 229 阅读 · 0 评论 -
小程序动态改变行内样式
小程序动态改变行内样式写法1:<view class="item-circle" style="background-color: {{ item.isFinished ? '#FF9933':'' }}"></view>写法2:<view class="item-circle" style="{{ simpleStyle }}">&l...原创 2019-07-09 16:58:57 · 6237 阅读 · 0 评论 -
小程序动态改变data中变量的属性
小程序动态改变data中变量的属性比如data中的 listData是一个数组,要改变它的第i个值中的某一个属性isFinished写法:1.先声明一个变量,值为拼接成的要改变位置的字符串;2.setData方法中将属性外加中括号;let isFinished = `listData[${i}].isFinished`;this.setData({ [isFinished]...原创 2019-07-09 15:41:48 · 595 阅读 · 0 评论 -
小程序横屏/竖屏/跟随系统
横屏:在页面的json文件添加:“pageOrientation”: “landscape”,详见文档:链接:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html#配置项...原创 2019-06-28 14:59:49 · 3150 阅读 · 1 评论 -
记一个可实现多级级联菜单的小程序组件
链接:https://wux-weapp.github.io/wux-weapp-docs/#/cascader效果图:原创 2019-06-28 14:39:08 · 1366 阅读 · 0 评论 -
小程序删除文件失败
文件建错目录准备删除,但ide提示然后就直接去文件夹删了,删除成功后又提示然后把app.json对应的路径删除就好了ok原创 2019-06-03 15:56:22 · 807 阅读 · 0 评论 -
小程序获取用户openId,session_key;node后端
写在前:这是个不成功的例子 。思路: 前端用wx.login方法拿到code,然后把code给后端,后端请求微信后台接口,拿到openId再返回给前端小程序端:// 登录 wx.login({ success: res => { console.log("login success res",res) // 发送 res.code 到...原创 2019-06-03 15:15:31 · 1127 阅读 · 1 评论 -
node.js连接数据库实例,与小程序配合
最近用小程序和node配合写了个小demo效果如下,从小程序端发送内容到后端,后端再写入数据库数据库增加数据node端代码:function addContent(data){ var connection = mysql.createConnection({ host: 'localhost', user: 'root', ...原创 2019-06-03 14:28:04 · 1850 阅读 · 2 评论 -
小程序去掉 button 边框和圆角
wxml:<button class="item-right-btn" plain="{{plain}}" hover-class="hover-right-btn"> 删除</button>wxss:去掉边框,和去掉按压时的圆角button::after{ ...原创 2019-06-05 14:28:33 · 3350 阅读 · 0 评论