小程序简单计时器的制作，也可用于倒计时，以录音计时为例： // 计时器 function timer(that){ // timeout则跳出递归 if (that.data.record == 0){ return; } if(that.data.min == 10){ return; } let sec …
下拉选项模态框，点击时有慢慢下来、收回动画： wxml: <view class='flex_aic nav'> <view class='nav_li'> <view bindtap='open_box' data-type='0' class="nav_li_tit {{box_zhiwu?'t…
小程序中input的密码类型不是用type属性控制的，而且有独立的password属性来控制，当password为true时为密码输入类型，false为普通text类型，而直接控制password属性的值没法控制实时切换显示隐藏。 使用双input加上双向数据绑定来实现实时切换显示隐藏。代码如下： wxml： <!-- 密码框 --> …
小程序的聊天功能需要实时通信； wx.connectSocket({ url: 'wss://60.205.228.30:2346', }) wx.onSocketOpen(function (res) { console.log('WebSocket连接已打开！') }) wx.sendSocketMessage({ da…
小程序在实时聊天界面每发送一条自动滚动到网页底部； 实现代码： // 获取im的id节点然后屏幕焦点调转到这个节点 bottom: function () { var query = wx.createSelectorQuery() query.select('.im').boundingClientRect() que…
wxml代码: <!-- 录音 --> <view> <!-- 预览 --> <view wx:if="{{voice}}"> <view class='yy_box'> <view class='yy_box_bg…
wxml代码： <!-- 图片 --> <view class='upImgTips' wx:if="{{previewImage != ''}}">点击预览图片，长按删除图片</view> <view class='img'> <view class='img_li…
在需要添加分页的地方添加以下html代码： <div id="page"></div> js代码： $("#page").paging({ pageNo: that.page, // 传入初始 totalPage: that.totalPage, //传入总页数 totalSi…
做密码输入框经常使用点击显示密码功能， <input id="password" class="layui-input" autocomplete="off" maxlength="15" name="password" required="" type="password" placeholder="密码为6-15位非纯数字" /> …
js点击复制一段文字或者链接： $('#btn').click(function(e){ let url = e.currentTarget.dataset.url; $("body").after("<textarea cols='1' rows='1' id='copyContent'>" + url + "<…
原理：拿当前的scrollTop和之前的scrollTop对比 如果变大了，表示向下滚动（scrollTop值变大）； 如果变小了，表示向上滚动（scrollTop值变小）。 $(document).ready(function(){ var p=0,t=0; $(window).scroll(function(e){ …