使用微信小程序组件需要注意的点

1、页面滚动元素可使用scroll-view,但是此组件本身的滚动事件会阻止页面回弹,导致无法触发onPullDownRefesh。若要使用下拉刷新,请使用页面的滚动view,而不是scroll-view,这样也能通过点击顶部状态栏回到页面顶部
2、text组件内只能内嵌text组件
3、自定义组件中的样式和引用此组件的页面的样式和app.wxss是完全隔离的。即app.wxss中的样式、组件所在页面的样式多自定义组件无效
4、自定义组件对应的wxss文件的样式,只对组件wxml内的节点生效。
5、自定义组件样式需要注意:
(1)不能使用id选择器、属性选择器、标签选择器,请使用class选择器
(2)组件和引用组件的页面中使用后代选择器 在一些极端情况下会有非预期的表现,如遇,请避免。
(3)子元素选择器(.a>.b)只能用于view组件与其子节点之间,用于其他组件可能导致非预期情况
(4)继承样式,如font、color,会从组件外继承到组件内
(5)除继承样式外,app.wxss中的样式、组件所在的页面的样式对自定义组件无效(除非更改组件样式隔离选项)
6、原生组件
camera
canvas
input(仅在focus时表现为原生组件)
live-player
live-pusher
map
textarea
video
(1)原生组件的层级最高,使用z-index无法使其它组件覆盖原声组件,且后插入的原声组件会覆盖之前的原生组件
(2)无法对原生组件设置css动画、
无法定义原生组件为position:fixed、
不能在父级节点上使用overflow:hidden来裁剪原生组件的显示区域、
原声组件的监听事件不能使用bind:eventname的写法,只支持bindeventname、
原生组件不支持catch和captrue的事件绑定
7、小程序WXML 节点标签名只能是小写字母、中划线和下划线的组合,组件也是。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值