135-18219792

昆明甜饶莲建站动态

甜饶莲根据您的个性需求进行定制 先人一步 抢占小程序红利时代

小程序wxss和css3的区别

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

例如我在wxss中书写如下

background-image: url(imageB.png);

控制台打印:

pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用标签。

1 .小程序中的文档流中不存在window、document对象,即不能使用jquery与zepto等js库区操作dom。这也从另一方面致使css3属性:position在使用时需要一些注意事项。
使用时应注意,为基础节点container设置fixed属性,否则position=absolute不会生效
/**app.wxss**/

.container {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
position: fixed;
}

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

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

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


网站名称:小程序wxss和css3的区别
网页URL:http://www.kmfynas.com/view/109060.html

其他资讯

让你的专属顾问为你服务