下拉选项模态框,点击时有慢慢下来、收回动画: 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…
在Vue或者小程序中经常用到单选或者多选点击变色的事件,Vue和小程序都是数据for遍历出来的,不能和普通那样设置点击事件更改样式,按照之前那样会全部都变色了。 在Vue或小程序中利用元素的id的不同来判断给哪个添加样式。 在Vue中 <div id="app"> <h1>Vue中制作单选、多选点击变色教程&…