首页 header 广告位轮播图功能实现

关键技术点:

  1. swiper 轮播器组件的使用
  2. 使用 this.$u.get/post 异步请求数据
  3. 使用 v-for 循环遍历渲染轮播内容

首页轮播布局 - 图1

首页轮播布局 - 图2

全局配置 WebView 展示第三方 web 页面

关键技术点:我们通常为整个应用的 Web H5 相关页面,构建一个专门用来展示的 webview 路由 页面,但是要注意路由传参的时候,对应的 url 需要 decodeURI 、encodeURI

首页轮播布局 - 图3