- 小程序使用less编译方法
1.使用vscode编辑器安装插件Easy-less,安装后,打开我的电脑C>用户(user)>admin(用户名文件夹)>.vscode>mrcrowl.easy-less-1.6.3. 如下图: [图片] 复制该文件. 2.打开微信编辑器 顶部工具栏>设置>扩展>编辑器自定义扩展>打开扩展文件夹 将上述文件夹复制到里面.后回到微信编辑器.将less插件打开.如下图: [图片] 3.打开微信编辑器 顶部工具栏>设置>扩展>编辑器>(底部)更多工具区编辑器设置.如下图:[图片] 输入less 搜索.选择Easy-less config... 点击在settings.josn中编辑 补充:若没有出现这个选项检查第二步编辑器自定义扩展 中的less插件是否打开,若已开启还是没有出现则重启编辑器既可以.[图片] 4.输入"less.conpile":{"outExt": ".wxss"} 如下图: [图片] 上述操作设置完成后.随便打开一个文件如pages>index 在此文件下新建index.less 即可less内编译的样式会自动在wxss文件内自动生成 如下图: [图片]
2020-11-16 - 怎么实现点击输入框后的一个图标,清空输入框内容?
需求:在输入时,在输入框后边显示一个清空符号,点击清空符号可以清空输入框中的值。 我自己的实现方法: wxml: ... <image src="../../img/clean.png" hidden='{{!e_inputed}}' bindtap='e_cleanInput'></image> <input value='{{v_input}}' bindinput="f_input" /> ... js: // 绑定输入 f_input: function (e) { this.setData({ v_input: e.detail.value }); if (e.detail.value === '') { this.setData({ e_inputed: false }) } else { this.setData({ e_inputed: true }) } }, // 绑定清空 e_cleanInput: function () { this.setData({ e_inputed: false, v_input: '' }); }, 问题:在value属性中使用v_input,然后在bindinput 方法 f_input 对 v_input 进行赋值,如果输入的的比较快,会出现输入内容闪烁,导致输入内容错误的问题。(快速删除时也会出现;Android和开发者工具都不会出现,iOS上会出现) 不止我一个人遇到了,见https://developers.weixin.qq.com/community/develop/doc/00026e5caa0c3053c5ea8e6fb56800; 现在是我找不到一个哪怕能临时用用的解决方案,官方老哥来帮帮忙啊。
2020-09-14