小程序中input隐藏后placeholder 文字仍然显示

小程序开发项目中用到了骨架屏，然后骨架屏加载时发现input框的placeholder文字会同步显示，悬浮在骨架屏上。百度之后才发现这是官方一直没解决的bug。只能自己去想办法曲线解决。下面直接贴上方案：

方案一

display:none

直接把input 样式改为display:none。但是这样不美观，页面布局会发生变化。

方案二

:placeholder-class="showText ? 'opacityColor' : ''"

.opacityColor{
	color: transparent !important
}

动态设置placeholder-class，把文字改为透明色。

注意！我这里又踩了个坑，最开始写到scoped属性的style里时不起作用，又是个bug。
最后在页面又新加了个style标签，完美解决问题。

<style>
.opacityColor{
	color: transparent !important
}
</style>