微信小程序wxss样式

587 阅读2分钟


WXSS 样式

WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。

1.

新增了尺寸单位。在写
CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。

2.

提供了全局的样式和局部样式。和前边
app.json, page.json 的概念相同,你可以写一个 app.wxss 作为全局样式,会作用于当前小程序的所有页面,局部页面样式 page.wxss 仅对当前页面生效。

3.

此外
WXSS 仅支持部分 CSS 选择器

更详细的文档可以参考
WXSS

微信小程序开发神器《
微信小程序自动切片生成布局软件
》,
可以
快速自动生成小程序前端布局和代码
,还有免费的教程和技术支持。

功能如下:

1、切片功能:原来手写的这部分工作,可以用切片软件的方法来切。切好后,可以自动生成wxml,wcss,js文件。

2、文字识别功能:效果图上的文字可以通过自动文字识别识别出来,提高录入的速度,减轻工作量。

3、存档功能:设计好的切片文件可以存档,以便下次需要的时候拿来重新编辑。只要有切片文件在,换了程序也可以秀给和编辑。

有任何疑问欢迎随时联系我们!

Q Q : 2381547632

官方网址:
http://www.ymznkf.com/index.aspx?tg=5800

软件下载地址:
http://www.ymznkf.com/new_view_559.htm