vx小程序总结
作者:互联网
小程序中需要控制数据
小程序中的标签一定要闭合 <标签 />或者<标签>< /标签>
小程序中使用js的变量的时候,需要使用{{}}
小程序中{{变量}} 变量在js中的data里面
小程序中,很多时候都是控制数据
小程序中事件传参 data-js中接受名字="传递参数"
快级标签独占一行,行内标签宽高由内容决定
rpx是一个相对单位 750rpx和屏幕一样宽
wxss里面的背景图片不能使用本地图片。可以使用网络图片,还可以使用base64位图片
{{}}可以放置变量或者表达式
点击事件 bindtap="方法名" 方法名后面不加()
text引入文字
view引入视图、容器
image引入图片
navigator实现页面跳转
url跳转的地址../根地址
bindinput获取表单元素的值
wx:if="表达式"表达式为真的时候显示 表达式为假的时候隐藏
wx:for={{变量}} 实现遍历 动态复制标签 ,item代表每一个选项的值 index代表下标元素
如果跳转页面在tabbar中出现过,不能直接跳转,加open-type=“switchTab
onLoad: function (options) {
// 获取音频
this.video=wx.createVideoContext('id')
}
send:function(){
// 实时发送弹幕
this.video.sendDanmu({
text:this.data.con,
color:'pink'
})
}
//创建音频
const innerAudioContext = wx.createInnerAudioContext()
//播放地址
innerAudioContext.src='云地址'
//自动播放
innerAudioContext.autoplay = true
//循环播放
innerAudioContext.loop=true
change:function(){
if(this.data.num==0){
this.setData({
num:1
})
//播放音乐
innerAudioContext.play()
}else{
this.setData({
num:0
})
//暂停音乐
innerAudioContext.pause()
}
},
change:function(){
if(this.data.num==0){
this.setData({
num:1
})
}else{
this.setData({
num:0
})
}
}
add:function(){
// 初始化
const db = wx.cloud.database()
// collection集合
db.collection('student').add({
//data字段表示需新增的JSON数据
data:{
// 获取值this,data.变量名
user:this.data.user,
pass:this.data.pass
},
})
},
success:function(res) {
// res 是一个对象,其中有_id字段标记刚创建的
console.log(res)
},
getuser:function(e){
// 设置值
this.setData({
user:e.datail.value
})
},
getpass:function(e){
// 设置值
this.setData({
pass:e.datail.value
})
}
标签:总结,function,程序,num,innerAudioContext,vx,wx,data,setData 来源: https://blog.csdn.net/swcafaf/article/details/123618492