第一步:建3个页面文件。在pages目录下,新建index/init.vue、index/guide.vue、index/home.vue。 pages.json文件 { "pag ...
接口文档如下 实现思路 因为返回数据为数组方式,所以可以将我们要的数据存放到数组里面 接收到数据之后,我们可以在页面中写使用uniapp官方提供的swiper组件展示轮播图 然后使用一个for循环,遍历存放在数组中的数据进行展示 开始 封装一个api.js 将request请求封装到一个单独的js文件中 代码如下 写request请求 ...
2021-02-13 10:17 0 340 推荐指数:
第一步:建3个页面文件。在pages目录下,新建index/init.vue、index/guide.vue、index/home.vue。 pages.json文件 { "pag ...
uni.request(OBJECT) 发起网络请求。 在各个小程序平台运行时,网络相关的 API 在使用前需要配置域名白名单。 OBJECT 参数说明 参数名 类型 必填 默认值 说明 平台差异 ...
...
引入font文件夹即可 原文 :http://www.imooc.com/qadetail/64277 ...
一、小程序切换轮播图显示空白的问题和轮播图显示不全的问题 1、小程序切换轮播图显示空白的问题 技术栈,taro编译的小程序,场景: 首页几个tab切换,默认第一个tab轮播图有数据,切换的时候后面的轮播图有的时候显示空白,请看: 首先父组件到子组件的值传过来了,自组件img src路径 ...
先上效果图 1.使用页面引入swiper.css和swiper.js 2.html 3.css 4.js ...
1、轮播图 **轮播图实现方式:通过定位的方式,改变left的值,形成轮播图的效果(也可以是从上到下翻滚的,改变top或(bottom))** 需要准备的素材: 1、轮播图片任意 2、左右移动箭头 轮播图的制作方法: ## 第一步创建三个文件 .html文件, .css文件 ...
轮播图是在首页上展示信息的一种方式。 为了让用户不用滚动屏幕就能看到更多内容,设计师们利用轮播图来最大化信息密度。 轮播图有多种形状和大小,但本文中谈及的轮播图具有以下特性: 它显示在首页的顶部,并占据不用滚动即可显示的页面上相当可观的面积。 同一个地方会展示多页内容,虽然一次只展现一个页面 ...