小程序wxss和css3的区别

2021-04-20    分类： 网站建设

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的区别
浏览路径：https://www.cdcxhl.com/news/109060.html

成都网站建设公司_创新互联，为您提供做网站、服务器托管、外贸建站、域名注册、搜索引擎优化、软件开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都做网站

网站建设知识

行业建站