2 Star 10 Fork 1

过往云烟 / cardPage

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.
Clone or Download
contribute
Sync branch
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
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为数组中的对象元素 返回内容
    }

效果图

输入图片说明

Empty file

About

基于layui的扩展组件,分页卡片列表 expand collapse
JavaScript and 3 more languages
Cancel

Releases

No release

Contributors

All

Activities

Load More
can not load any more
JavaScript
1
https://gitee.com/xw1997/card-page.git
git@gitee.com:xw1997/card-page.git
xw1997
card-page
cardPage
master

Search