事件绑定
按钮事件
响应:bindtap,调用函数change
注意:
1,参数传递方式不能直接将参数放入在函数括号中,而是使用data-xxx=“{{值}}”的方式传递
2,获取通过e.currentTarget.dataset.xxx获取
3,修改数据不能直接用等于,而是需要调用this.setData函数实现,
Page({
data: {
num:11
},
change(e){
let num = e.currentTarget.dataset.index;
this.setData({
num:this.data.num+num
})
}
})
<button bindtap="change" data-index="{{1}}">+</button>
input修改事件
响应:bindinput
获取input中的字符:e.detail.value
changeinput(e){
let num=e.detail.value;
this.setData({
num
})
}
<input type="text" bindinput="changeinput" />
// A code block
var foo = 'bar';
// A code block
var foo = 'bar';
样式WXSS
与css相比,扩展的特性有响应式长度单位rpx与样式导入
单位rpx
规定屏幕的长度为750rpx,不论屏幕多大,
如当屏幕宽度为750px时:1rpx=1px
如当屏幕宽度为375px时:1rpx=0.5px
使用步骤:
屏幕宽度为pagewidth
750rpx=pagewidth px,所以1px=750/pagewidth rpx
样式导入
@import “…/css/base.wxss” 只支持相对路径
选择器
不支持通配符*,其他和css一样