前言
项目中为保持界面设计的一致,需要用view模拟input的样式。
开始
我们可以通过placeholder-class为input设置holder文字的样式,然后将此样式应用在view上,来看看效果。
可以看出,虽然同样适用了holder的样式,但是原生的input组件距离底部的距离更多。
审查元素看一看:
原来原生input组件,自带min-height属性。
解决
既然input组件自带min-height属性,那我们就和她一样一样的吧,给相应的view组件,也加上min-height: 1.4rem;
总结
嘘寒问暖 不如打笔巨款~
如果觉得《微信小程序:伪input组件的样式》对你有帮助,请点赞、收藏,并留下你的观点哦!