
小程序
文章平均质量分 53
The pure land
这个作者很懒,什么都没留下…
展开
-
微信小程序云数据库定时清空(云函数定时触发)
需求:微信小程序云数据库某表仅保留当天数据,因此每天固定某时间清空一次实现:1.新建云函数timer2.在timer/config.json中配置定时器{ "triggers": [ { "name": "myTrigger", "type": "timer", "config": "0 25 16 * * * *" } ]}其中,“config”格式为“秒 分 时 日 月 星期 年”,具体配置见https://ww原创 2021-01-04 17:14:06 · 5444 阅读 · 9 评论 -
微信小程序绘制图表(折线图、柱状图)
1.组件导入在miniprogram下的utils文件夹(若没有就新建一个)下,新建wxcharts.js图表组件链接:https://github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js点进去,复制此js的全部内容,粘贴到wxcharts.js中。2.柱状图新建在pages下新建test,包括test.wxml,test.wxss,test.json,test.js用于测试图表效果test.wxml<canvas原创 2020-12-31 13:23:14 · 18338 阅读 · 8 评论 -
微信小程序view图片居中铺满
wxml<view class="bt"></view>wxss.bt{ /*关于背景图片的设置*/ background-image:url('')/*图片地址*/ background-size: 100% 100%;/*图片显示大小*/ background-repeat:no-repeat;/*是否重复多个*/ background-position: center;/*图片位置*/}...原创 2020-12-14 11:01:06 · 2961 阅读 · 1 评论 -
微信小程序bindsubmit真机提交表单失败
在我先前的博文 微信小程序提交表单中,使用了form bindsubmit提交,这也是一种比较常见的方式,但是,在部分安卓真机上会出现获取不到表单内容的情况。遇到这种情况,可以换成bindinput方式,不再使用form,给input标签加上bindinput属性,在js中通过e.detail.value获取input框中的值先放效果wxml<view class="modify-form"> <view class="label-list">原创 2020-12-11 10:45:03 · 1720 阅读 · 0 评论 -
微信小程序音乐播放页面的布局
1.效果图如下,点击播放按钮后,光碟转动,播放按钮变为暂停按钮;播放中点击暂停,光碟复位,暂停按钮恢复为播放按钮。本文仅提供样式布局,按钮响应不作介绍2.样式布局代码wxml:<view class="page_music"> <view class='icon {{isPlay?"rotateAu":""}}'> </view> <view class="tools"> <view class="la原创 2020-12-10 09:01:52 · 2280 阅读 · 0 评论 -
微信小程序提交表单
先看效果身份选择使用了picker具体代码:form.wxml<view class="modify-form"><form bindsubmit='getForm'> <view class="label-list"> <view class="label">姓名</view> <view class="input-box"> <input placehold原创 2020-12-08 13:20:55 · 4488 阅读 · 0 评论 -
微信小程序页面带参数跳转
页面由page1跳转到page2,携带systemName的值,则page1.js//页面跳转函数data:{ index:'hello'}system:function(e){ wx.navigateTo({ url: '/pages/page2/page2?systemName='+index, success: function(res) { } }) },page2.jsda原创 2020-12-08 11:06:46 · 787 阅读 · 0 评论 -
解决微信小程序input文字贴左侧问题
1.写了一个提交表单,input文字贴近左侧,很不好看原wxml:<view class="label-list"> <view class="label">所在公司/学校</view> <input placeholder="请输入您的公司/学校" value="{{school}}" placeholder-class="place" name='school'/> </view>原wxss:原创 2020-12-03 10:43:43 · 6799 阅读 · 1 评论 -
微信小程序连接mqtt通信
1.在miniprogram下的utils文件夹下添加mqtt.js文件(如无utils文件夹则新建一个)mqtt.js: 添加链接描述点进去直接全选复制粘贴到mqtt.js里即可2.在设置-项目设置中选择”不校验域名“3.连接mqtt关键代码(pages/homepage/homepage,js)import mqtt from '../../utils/mqtt.js';//相对于此js的mqtt.js路径.....connectMq:function(){ //原创 2020-11-26 18:04:16 · 4374 阅读 · 3 评论