失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序:伪input组件的样式

微信小程序:伪input组件的样式

时间:2024-01-06 07:05:24

相关推荐

微信小程序:伪input组件的样式

前言

项目中为保持界面设计的一致,需要用view模拟input的样式。

开始

我们可以通过placeholder-class为input设置holder文字的样式,然后将此样式应用在view上,来看看效果。

可以看出,虽然同样适用了holder的样式,但是原生的input组件距离底部的距离更多。

审查元素看一看:

原来原生input组件,自带min-height属性

解决

既然input组件自带min-height属性,那我们就和她一样一样的吧,给相应的view组件,也加上min-height: 1.4rem;

总结

嘘寒问暖 不如打笔巨款~

如果觉得《微信小程序:伪input组件的样式》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。