欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 金融 > 原生小程序配置公共的样式方法之一

原生小程序配置公共的样式方法之一

2024/10/24 4:51:00 来源:https://blog.csdn.net/qq_17211063/article/details/140042204  浏览:    关键词:原生小程序配置公共的样式方法之一

我们无论在写小程序或是其他程序时,难免会遇见同样的颜色值,或者间距值,每次都要写显得麻烦,逼数又不高;

如果哪天需要将整个主题颜色改了,那岂不是得一个一个去查找改,很麻烦,所以,现在我们设置一个公共的样式,如果下次改,只改一个地方就行了,既方便又省事

在app.wxss 中设置

page {--themeColor: #1296db;--themeFontColor333: #333;--themeFontColor666: #666;--margin20:20rpx;
}

前三个是作为公共颜色的设置,最后一个是针对距离的设置

使用: 

设置padding值

.warp{padding:var(--margin20);}

设置颜色:

color:var(--themeFontColor666);

刚学的,分享给大家,希望大家不吝赐教        (#^.^#) 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com