小程序开发记录(二)

小程序开发记录(二)

图片白边

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

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

对内容子元素设置flex:1

换一换效果

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

模板语法

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

发布了93 篇原创文章 · 获赞 3 · 访问量 2454

猜你喜欢

转载自blog.csdn.net/Damp_XUN/article/details/104359863