Weex学习第五篇：css样式和类的运用

复习上篇文章学习的数据绑定，感觉比较重要的是

1.计算属性的的使用，类似响应式编程，就是一个变量的值会随着它相关的那个变量的值的变化而变化，不需要去update，比如fullName = firstName+lastName，一个text=fullName，如果firstName变化，那么fullName就会变。

2.if & repeat使用，if判断这个标签是否显示隐藏，repeat用在数组中生成表格数据类似的场景使用

本次要学习的是css样式和class使用,内联事件处理函数

重点，多个class名使用，在个个类名之间用空格分开 像这样 class="title highlight"

在class里也可以使用变量来代替 像这样 class="large {{textClass}}"

下面来看一下具体官方教程使用

CSS 样式和类

基础语法

CSS 样式可以理解为一系列的键值对，其中的每一对描述了一个特定的样式，例如组件的宽或者高。

width: 400; height: 50; ...

键值对的形式是 prop-name: prop-value;。键名是 prop-name，键值是 prop-value。 一般情况下，键名按照连接符的方式进行命名，键和值之间由冒号 : 进行分隔，每对键值之间由分号 ; 进行分隔。

在 Weex 页面上样式有两种形式：