微信小程序切图之引用全局样式

8月/5日


在网站切图的过程中,总会遇到很多可复用性的样式,为了代码更加的简洁和减少微不住道的文件体积,我们通常抽取了一部分的公共样式放在common.css文件中,并全局引入。

对于切图网长期从事web切图的从业者来说,接触小程序的界面切图是很容易上手的,毕竟微信的样式文件wxss 几乎就是从css上做了改变,微信的文件wxml也几乎就是在html上做了改变,并且从名字上的区别也容易看出来。

在做微信端的小程序切图的时候,如何建立公共样式,让每个文件都能使用,通过下面方法可以实现:

在app.wxss中引入

然后你在其他的页面直接用class名就可以了。

或者直接讲做好的样式文件style.css代码拷贝到 app.wxss中就行了,因为app.wxss文件本身就是作为全局样式的存在。

切图网始于2007年, 前端外包 服务拓荒者、领航者,提供专业的前端外包服务,微信公众号 qietuwang