uniapp实例笔记

一，页面tab导航

二，轮播图的实现

接口地址：

https://www.fastmock.site/mock/88bbb3bb8d6ea3dc8f09431a61ce2e50/mymock_test/api/getswiper2

这是我使用fastmock模拟的接口地址。
这里的代码有两个注意的地方：

三，scorll滑动展示的实现

需要注意的是，这里的星星的组件构建技巧

四，电影列表的创建

无非就是mock数据接口，然后调用数据进行页面的渲染，这里唯一的需要注意的点就是各个电影是v-for渲染出来的，而点赞后小拳拳的颜色改变是通过增加一个class样式来完成的。
刚开始，直接点击就添加，结果所有的小拳头都发生了改变，这是因为列表渲染，是都一致的。为了让某一项不一致，可以使列表渲染的某一项的内容不一致没然后根据它的值不同，选用不同的样式，但是数据是后端定的，咱们前端不好打对方，所以就在前端想想办法吧！
我想实现的效果是，点赞时，就这个点赞按钮的样式发生改变，其他的保持原状。
于是问题转化为：如何让点击事件知道，它点击的是哪一个item项？
很简单，传入index作为点击事件的参数就可以！
于是问题又转化为如何在点击后，且利用index判断出是哪个点击了之后，给这个按钮增加样式？？
这里就可以使用class的动态绑定：