微信小程序wxss和css3的区别总结

微信小程序教程 04/10 阅读 16 views次 人气 0
摘要:

微信小程序wxss和css3的区别总结,微信小程序wxss和css3的区别总结,微信小程序中WXML并不能完全支持CSS3的全部功能。

1、wxss不能直接通过css3中的background-image属性来设置显示的背景图片。


2、小程序中的文档流中不存在window、document对象,即不能使用jquery与zepto等js库区操作dom。这也从另一方面致使css3属性:position 在使用时需要一些注意事项。


3、小程序中wxml中设置wxss变量时,应返回string类型值(注意 " " 和 ' ' 之间的嵌套关系’’)。


4、小程序中事件冒泡处理。bind和catch方法:

事件绑定的写法同组件的属性,以 key、value 的形式。

key 以bind或catch开头,然后跟上事件的类型,如bindtap、catchtouchstart。自基础库版本 1.5.0 起,bind和catch后可以紧跟一个冒号,其含义不变,如bind:tap、、catch:touchstart。

alue 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。

bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。


5、字体

支持font-family属性

支持自定义字体@font-face,暂时字体文件用base64代替实现。使用文件的方式,可能要上传资源到对应服务器。


6、其他

支持动画 @keyframes,貌似不能加厂商前缀。

支持过渡 transition。


评论

表情

分享到: