开始

新创建一个demo页面
image.png
为了颜色，把demo页面放在最上面，这样默认就会打开demo页
image.png

image.png
官方文档和介绍组件
image.png
先写一个view的标签，然后空格一个就可以看到里面的属性
image.png

介绍—->框架—>upx2px。
image.png
尺寸的转换。美工在设计图的时候要注意的。默认可以看做是px的一半。
image.png
默认样式
image.png

image.png
再加上hover-class
image.png

image.png
鼠标放上去，变成红色
image.png

使用引入的动画库

image.png

image.png
放到下面去了
image.png
鼠标放上去 有个舜闪的效果
image.png
换另外一个效果
image.png

image.png
停留800毫秒
image.png

image.png

text组件

主要是存储文本用的
image.png
支持换行，用\n
image.png
image.png

image.png

image.png
image.png

结束