2.2 事件绑定与样式相关内容

事件绑定

按钮事件

响应：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一样