小程序开发记录（二）

小程序开发记录（二）

图片白边

内联元素的空格导致，display:block变成块级元素即可。

flex让元素自动占据剩余空间

对内容子元素设置flex:1

换一换效果

点击换一换，换一换的图标旋转。
思路：通过更改类名。
问题：小程序直接更改元素类名，通过query选择节点更改比较麻烦。
解决：通过数据绑定，将类名作为变量，与图片绑定，旋转效果通过animation；此处复习一下，animation的几个可选属性，时间函数，次数，持续时间。

模板语法

小程序类似vue的模板语法，对组件进行复用。
模板的样式css，利用less间import相互引用，尽量组织文件关系。