[MUI专题] 如何制作MUI静态页面的轮播图

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

当我们打开很多APP时映入我们眼帘的是页面上方的轮播图，这个轮播图占了我们页面大概三分之一的大小，在这个轮播图上面是最近的热门消息。例如我们经常要用到的淘宝、京东等相关软件，所以轮播图也在软件中扮演这越来越重要的角色。

第一就是MUI的官方文档：http://dev.dcloud.net.cn/mui/ui/，在这个网站当中有着很多我们在前端框架所需要的组件，当我们需要时我们就可以直接从官方文档里面去拷贝这个组件的代码就好了。所以我们一定要对官方文档里面的组件要比较熟悉。这里我们制作轮播图所需要的就是一个轮播组件：slide（轮播组件）

我们在写轮播图的时候一定要注意：除了固定栏之外，其它内容都要包裹在.mui-content 中