微信小程序样式修改教程,仅适用于wxss刚刚定义

2024-05-11
来源:网络整理

相信大家在开发微信小程序时都会遇到这个问题。 因为客户的需求,我们需要修改盒子的样式。 接下来我就告诉大家如何修改。 此方法仅适用于微信小程序。

1.我们需要给样式定义一个名字,这里需要用到--这个属性

2、接下来我们只需要在wxss刚刚定义的类名中写上自己需要的内容就可以了。

微信编写小程序_中方微信小程序开发制作_微信开发程序制作小中心在哪

page{ background-color: #eee; } view { width: 100vw; height: 100rpx; display: flex; justify-content: center; margin-top: 168rpx; } view input { width: 80vw; height: 80rpx; border: 1px solid black; border-radius: 8rpx; } .placeholder-style { color: green; padding-left: 88rpx; }

3、这是我定义的样式的渲染图(我随便写的哈哈哈哈哈哈)

分享