2 Star 10 Fork 1

过往云烟/cardPage

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

cardPage

介绍

基于layui的扩展组件,分页卡片列表

软件架构

软件架构说明

安装教程

  1. 引入layui
  2. 引入cardPage.js和cardPage.css

使用说明

  //配置介绍
    cols: [],//列名
    data: [],//数据
    colMd: 3,//列占行的宽度 3/12
    url: '',
    method: 'get',
    contentType: false,
    where: {},   // 查询条件
    sortName: '', //默认排序字段
    sortType: ''  //默认排序类型 asc desc
    data: ''      // 静态数据 如果存在静态数据 则不会走http查询



   // cols
    {
      field: 'name',   //字段名称 如果字段对象元素为数组 则需要加上 titleFomart与contextFomart函数处理对应标题与内容
      title: '商品名称', //标题
      topName: true    // 是否属于卡片顶部名称
      sort: false     // 是否可以排序
      fomart: function (item, value): //格式化内容 item:该行对象 value 该字段原有值
      titleFomart: function (item)  //字段对象元素为数组时生效 , item为数组中的对象元素 返回标题内容
      contextFomart: function (item) //字段对象元素为数组时生效 , item为数组中的对象元素 返回内容
    }

效果图

输入图片说明

空文件

简介

基于layui的扩展组件,分页卡片列表 展开 收起
JavaScript 等 3 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/xw1997/card-page.git
git@gitee.com:xw1997/card-page.git
xw1997
card-page
cardPage
master

搜索帮助

Cb406eda 1850385 E526c682 1850385