发布时间:2018-07-04 17:57:36
在微信小程序的开发中,总有一些“VIP”组件,他们的层级,高得让人抓狂,总是凌驾于很多其他低层级组件之上。
诸如:video组件、map组件、canvas组件等。现在就让我来讲讲如何巧妙的解决掉这个问题。
cover-view:覆盖在原生组件之上的文本视图,可覆盖的原生组件包括map、video、canvas、camera、live-player、live-pusher,只支持嵌套cover-view、cover-image。
js通过video id 获取:
wx.createVideoContext(videoId)创建并返回 video 上下文 videoContext 对象。在自定义组件下,第二个参数传入组件实例this,以操作组件内 组件
videoContext 通过 videoId 跟一个 video 组件绑定,通过它可以操作一个 video 组件。
具体就是这么多,解决方案,模仿京东小程序商城商品详情......【阅读全文】
发布时间:2018-06-04 14:58:45
知识点1:三元表达式
知识点2:列表渲染
wx:for
在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。
默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
{{index}}: {{item.message}}
Page({
data: {
array: [{
message: 'foo',
}, {
message: 'bar'
}]
}
})
使用 wx:for-item 可以指定数组当前元素的变量名,
使用 wx:for-index 可以指定数组当前下标的变量名:
{{idx}}: {{itemName.message}}
wx:for 也可以嵌套,下边是一个九九乘法表
{{i}} * {{j}} = {{i * j}}......【阅读全文】