小程序基础-事件绑定和样式wxss

事件绑定

当我们要在页面中输入一些数据，同时在下方显现出来时，你不免会想到html中的

<input type="text"/>

但是怎样才能做当让输入的与下方显示的（已有的数据）相同步呢

在小程序中是通过this.setData（{要赋值的数据名：参数名.detail.value}）来给变量赋值的

这里方法里的参数是e(事件源对象)

设置按键

button标签

这里给出一个加号按钮和一个减号按钮

给按钮加入点击事件

bindtap属性

这些方法都要在js文件中写好

这里应为我们设置的按钮有加减，这里我们设置了自定义属性data-operation,当我们点击加号按钮时，operation的值就为1，减号就为-1，然后我们要在方法中使得点击加号让num的值加上operation

要找到operation对应的路径

我们可以在写好按键后点击案件然后在控制台里的changedTouches里查看operation

最终就得到了operation的路径，这样我们就可以补全我们的方法了

样式WXSS

这个和之前学习的css3一样都是用来写页面样式的，但是还是有一定的拓展和改动

1.尺寸单位

rpx这和css中用的px（像素不同）px是固定不变的，而我们的rpx会随着用户的改变而发生改变比如我们写代码的时候用的是750px屏幕，此时750px=750rpx

当屏幕为375px的用户打开这个小程序时，就有375px=750rpx，即1rpx=0.5px

可以发现所写的块会随着屏幕的改变发生改变，就是所用rpx定义块的宽和高是定义的块在屏幕中所占的比例

以上用于一个未知页面的写法，定义其块的宽度（375px为未知页面）

2.样式导入

这里我们在文件目录中增加一个文件夹styles，里面放一个样式文件common.wxss

文件内容如图

然后再需要的文件页面的wxss中引入该样式文件，还要把标签改成view

3.选择器

标签,{

}

小程序中不支持*{}这种方式来写。