小程序 — 展开收起

内容摘抄至马良《告坦白书》中我一段喜欢的文字。

（2）less样式：

（3）这样我们就实现了一个默认布局样式

（1）首先我们应该在 data 中定义一个变量 isShow 用来控制样式的切换，默认为收起状态（即不展示）。

（2）在箭头icon上添加一个点击事件，当点击的时候对 isShow 做取反 *** 作；

（1）首先是image箭头图片的切换（注意是如何动态的切换本地图片的）

（2）然后我们定义一个展开的样式，根据isShow的状态值动态的切换样式

小程序的form表单中，可能有多个input组件，当我们输入完一个后，切换到下一个输入框时，小程序会因为上一个输入框失去焦点会自动收起键盘，当我们切换完之后，再次获得焦点，键盘再次d出，用起来很别扭，跳来跳去的很不友好，像这样

查询了很长时间，一直没有发现好的解决办法，偶尔在官方示例中找到了解决方案！

将input组件改为textarea组件

将input组件都改成textarea组件后，当输入切换时，键盘会一直展开，没有收起后再展开，使用起来更加流畅，没有跳跃感

好啦，以上就是我本次分享的全部内容啦，如果你觉得我的文章对你有一丢丢帮助，那么请不要吝啬你的赞