首页 > 其他分享 >DeAdmin后台卡片式列表展示

DeAdmin后台卡片式列表展示

时间:2024-10-12 15:48:07浏览次数:11  
标签:卡片式 显示 展示 列表 字段 ProList table DeAdmin

简介

卡片式列表适用于显示字段较少,包含封面图,标题,描述,及个别显示字段的信息展示。常用于项目,会员等信息展示

配置

配置和table差不多,需要额外的选项显示配置如下图所示

image

支持功能

  • 功能和table基本相同,下面是不同点
  • 勾选 使用checkcard的样式展示
  • 除了固定的封面,标题,描述外,最后一行展示是使用flex布局,可以插入自定显示信息。支持类型为 option 和 自定义组件,内容显示。

整体效果显示

image

总结

该组件直接使用ProList封装,得益于 ProList是基于 ProTable的,所以我们实现这个功能只要继续向下拓展SaTable,然后实现单个信息的 coverItem卡片样式的显示即完成该功能

标签:卡片式,显示,展示,列表,字段,ProList,table,DeAdmin
From: https://blog.csdn.net/getElement/article/details/142879676

相关文章

  • 拍立淘按图搜索商品列表接口系列,API接口开发
    拍立淘(Pailitao)是阿里巴巴旗下淘宝平台的一个功能,它允许用户通过上传图片来搜索相似的商品。然而,对于第三方开发者而言,直接访问淘宝的拍立淘接口进行API调用可能并不直接支持或需要特定的合作与授权。不过,我们可以探讨一种类似功能的实现方式,以及如何开发一个按图搜索商品列表......
  • 设备管理系统构建列表页面动态通用框架
    设备管理系统构建动态列表页面通用框架目录一、构建背景二、构建原理三、代码实现3.1后端加载解析配置3.2前端根据pageBean动态渲染页面各区域3.3根据pageBean动态处理查询、重置过滤逻辑3.4根据pageBean动态处理按钮操作逻辑配置描述附件一、构建背景备件......
  • WPF 性能优化-列表控件性能
    下面记录几种针对大数据列表控件性能的增强特性,WPF所有继承自ItemsControl的控件(列表控件)都支持这些增强特性,包括ListBox、ComboBox、ListView、TreeView以及DataGrid。一、虚拟化WPF列表控件所提供的最重要的功能就是UI虚拟化。UI虚拟化是列表只为可见区域中能显示的项创建容器......
  • Python 列表专题:添加元素
    目录1.Python列表概述1.1什么是列表?1.2列表的基本操作2.添加元素的方法2.1使用 append() 方法2.1.1添加不同类型的元素2.2使用 extend() 方法2.2.1使用字符串扩展列表2.3使用 insert() 方法2.4使用 + 操作符2.5使用 * 操作符3.使用案例3.1......
  • Python 列表专题:访问元素
    目录一、Python列表基础1.1列表的定义1.2列表的特点二、访问列表元素2.1通过索引访问2.2列表切片2.3遍历列表2.4使用enumerate函数三、列表的常用操作3.1修改元素3.2添加元素3.3删除元素3.4检查元素是否在列表中四、列表的高级技巧4.1列表推导式4.2......
  • 学习之高阶编程列表推导式,字典推导式
    deftest_list_one():“”“快速生成一个[“data0”,“data1”,]列表”“”list1=[]foriinrange(100):list1.append(“data{}”.format(i))returnlist1deftest_list_two():“”"快速生成一个[“data0”,“data1”,]列表列表推导式:[xforxinxx]推导式......
  • 2024红队必备工具列表总结_railgun工具
    一、信息收集1、AppInfoScanner一款适用于以HVV行动/红队/渗透测试团队为场景的移动端(Android、iOS、WEB、H5、静态网站)信息收集扫描工具,可以帮助渗透测试工程师、红队成员快速收集到移动端或者静态WEB站点中关键的资产信息并提供基本的信息输出,如:Title、Domain、CDN、......
  • 解锁京东店铺潜力:15大场景揭秘商品列表API接口
    随着电子商务的蓬勃发展,API接口成为连接商家与平台的重要桥梁。京东作为中国领先的电商平台,提供了丰富的API接口,帮助商家更高效地管理店铺和商品。主要用作于一下场景商品展示:在商家自己的网站或移动应用上展示京东店铺的商品列表,方便用户浏览和购买。库存管理:实时获取商......
  • c++初始化列表构造
      #include<iostream>#include<string>usingnamespacestd;classCar{public: stringbrand; intyear; stringtype; //无参构造函数 Car(){ cout<<"无参构造函数"<<endl; } //带一个参数的构造函数 Car(stringb) { cout<<&qu......
  • 散列表(Hash table哈希表)应用案例
    文章目录散列表基础内容散列表的基本操作包括:散列表的关键组成部分:散列表的优点:散列表的缺点:实现散列表的方法1.散列函数的设计2.冲突解决策略3.重新哈希实现示例具体案例展示步骤:Python实现:输出结果:扩展功能:Python实现:输出结果:新增功能解释:进一步扩展:散列表......