在Vue或者小程序中经常用到单选或者多选点击变色的事件，Vue和小程序都是数据for遍历出来的，不能和普通那样设置点击事件更改样式，按照之前那样会全部都变色了。 在Vue...
筛选：
标签「小程序」 ✕ 清除
Vue和小程序中制作单选、多选点击变色教程
小程序上传图片及预览图片
wxml代码： 1. <!-- 图片 --> 2. <view class='upImgTips' wx:if="{{previewImage != ''}}">点击预览图片，长按删除图片</view> 3. <view class='img'> 4. <view class=...
小程序按住录音和录音预览播放
wxml代码: 1. <!-- 录音 --> 2. <view> 3. <!-- 预览 --> 4. <view wx:if="{{voice}}"> 5. <view class='yy_box'> 6. <view class='yy_box_bg' bindtap='play'> 7. <vie...
小程序滚动到底部
小程序在实时聊天界面每发送一条自动滚动到网页底部； 实现代码： 1. // 获取im的id节点然后屏幕焦点调转到这个节点 2. bottom: function () { 3. var query = wx.creat...
小程序实时通信
小程序的聊天功能需要实时通信； 1. wx.connectSocket({ 2. url: 'wss://60.205.228.30:2346', 3. }) 4. wx.onSocketOpen(function (res) { 5. console.log('WebSocket...
小程序input密码显示隐藏
小程序中input的密码类型不是用type属性控制的，而且有独立的password属性来控制，当password为true时为密码输入类型，false为普通text类型，而直接控制password属性的...
小程序下拉选项动画效果
下拉选项模态框，点击时有慢慢下来、收回动画： **wxml:** 1. <view class='flex_aic nav'> 2. <view class='nav_li'> 3. <view bindtap='open_box' data-type='0' clas...
微信小程序 简单计时器制作
小程序简单计时器的制作，也可用于倒计时，以录音计时为例： 1. // 计时器 2. function timer(that){ 3. // timeout则跳出递归 4. if (that.data.record == 0){ 5. retu...
微信小程序picker组件中多列选择器的使用
小程序官方写的picker组件的文档看不懂，只能百度上搜搜； **wxml:** 1. <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMul...
小程序选择、预览、删除、上传图片
上次写了篇上传图片的文章：小程序上传图片及预览图片 ，还缺少一点功能，今天做了另一种删除删除样式，加上上传图片到服务器功能； ## wxml 1. <!-- 图片上传模块 --> ...
