首页 > 其他分享 >获取轮播图数据,数据类型定义并渲染

获取轮播图数据,数据类型定义并渲染

时间:2024-01-22 19:34:18浏览次数:28  
标签:轮播 渲染 数据类型 跳转 id string

1.封装获取轮播图数据API

2.页面初始化调用API

下面根据接口文档写代码

1.定义轮播图数据类型

2.指定类型并传值给子组件

3.渲染轮播图数据

根据接口文档

类型声明:

存放路径:`src/types/home.d.ts`

```ts
/** 首页-广告区域数据类型 */
export type BannerItem = {
/** 跳转链接 */
hrefUrl: string
/** id */
id: string
/** 图片链接 */
imgUrl: string
/** 跳转类型 */
type: number
}

 

 参考这个格式所以http<数组> 我们这个数据就要填入result

 

 

这里我们参考之前写过的请求测试

 这里我们开始接收渲染,现在开始这个图片就是从后台接受的了

 

 最后我们来看一下是否成功,这里的已经变成了长度为5的数组说明从后台获取数据成功,图片也变成五张,滑动会高亮

 总结:

 

标签:轮播,渲染,数据类型,跳转,id,string
From: https://www.cnblogs.com/aixin52129211/p/17980810

相关文章

  • 轮播图指示点随着图片滑动高亮
    轮播图指示点随着图片滑动高亮先来观察默认的知识点,和高亮有关的地方  操作如下 验证一下是否成功 下面我们想只打印图片的下标 成功后如图所示 实验都没问题了我们就要把修改高亮的值变成可动的  ......
  • 性价比之选:寻找成本最低的云渲染服务平台
    ​在数字创作的天空中,选择一个既经济又高效的云渲染服务平台像是在寻找一片成本最低、性能最优的金矿,本篇将指引您如何慧眼识别,从众多云渲染解决方案中挑选出最符合预算且不牺牲渲染质量的服务。在数字艺术、游戏开发、影视制作,乃至建筑可视化等众多行业,高质量的三维渲染已成为......
  • Flutter框架渲染流程与使用
    转自:https://www.cnblogs.com/zhou--fei/p/17068412.html Flutter简述Flutter是一个UI框架,可以进行移动端(iOS,Android),Web端,桌面端开发,它是一个跨平台解决方案。Flutter的特点:美观,快速,高效,开放。美观:Flutter内置了美丽的MaterialDesign和Cupertinowidget,方便开发出美......
  • Go语言核心36讲 42 | bufio包中的数据类型 (上)
    今天,我们来讲另一个与I/O操作强相关的代码包bufio。bufio是“bufferedI/O”的缩写。顾名思义,这个代码包中的程序实体实现的I/O操作都内置了缓冲区。bufio包中的数据类型主要有:Reader;Scanner;Writer和ReadWriter。与io包中的数据类型类似,这些类型的值也都需要在初始化的时......
  • Go语言核心36讲 43 | bufio包中的数据类型(下)
    你好,我是郝林,我今天继续分享bufio包中的数据类型。在上一篇文章中,我提到了bufio包中的数据类型主要有Reader、Scanner、Writer和ReadWriter。并着重讲到了bufio.Reader类型与bufio.Writer类型,今天,我们继续专注bufio.Reader的内容来进行学习。知识扩展问题:bufio.Reader类型读......
  • JAVA数据类型
    所有数据类型基本数据类型间的转换->自动类型转换->强制类型转换->基本数据类型间转换练习题基本数据类型和String类型间的转换->基本数据类型转为String类型->String数据类型转为基本数据类型......
  • HarmonyOS4.0 系列——06、渲染之条件渲染、循环渲染以及懒加载渲染
    HarmonyOS4.0系列——06、渲染之条件渲染、循环渲染以及懒加载渲染if/else:条件渲染ArkTS提供了渲染控制的能力。条件渲染可根据应用的不同状态,使用if、else和elseif渲染对应状态下的UI内容。写法和TS的一样,简单看一下即可@Entry@ComponentstructIfForEach{@State......
  • SV 数据类型-3
    联合数组在内存中分配的空间可以是不连续的联合数组方法数组的方法数组使用推荐结构体枚举类型字符串变量类型String操作符......
  • SV 数据类型-2
    动态数组数组定义的时候不用给定数组元素个数动态数组实例例1队列......
  • SV 数据类型
    systemverilog可以用于设计也可以进行验证语法规则SV新数据类型SV数据类型bit-0-255byte--127-128#快速进行sv文件仿真VCS-R-sverilogxxx.sv//使用二值逻辑产生时钟,不用给clk赋初值,初始值为0bitclk;forever#2clk=~clk;//时钟不会......