前言

WordPress是世界上最大的博客类框架，理论上你可以用它实现任何功能(略有一些夸张)，而uni-app也是刚火的可以生成ios端、小程序、安卓等一种手机app开发框架。接下来的文章我会写一系列的教程搭建一个完整的app，大概的页面大多使用原型工具构建/在构建中，这里放一个首页外观。

今天第一部分我们通过轮播图就来实现这个首页的图片获取！

3. 找到index.vue文件打开首先需要配置首页文件，这个比较简单不多解释。代码如下：

4. 依次打开目录pages>index>index.vue，而在index.vue中创建项目的时候已经有一部分代码了，这部分代码对于我们来说没什么用，所以我们先删除这些原有的代码。在首页(index.vue)添加幻灯片，我们这里需要用到uni-app官方的组件swiper，运行结果如下：

8. 最后步骤：你也可以微调一下样式得到你的 站并形成轮播图，代码如下：

结语：这里的内容十分简单，后期想要继续学习的可以关注我，我会免费把这个教程写下去分享给大家。下期出整个首页的框架设计以及实现底部导航栏。

文章知识点与官方知识档案匹配，可进一步学习相关知识小程序技能树首页概览3800 人正在系统学习中 相关资源：Yalefree雅乐简谱打谱软件_打谱软件-WindowsServer工具类资源…