0.0.5 • Published 3 years ago

em-fetch v0.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

em-grid-card-items

Card grid

Install

npm install --save em-grid-card-items

Add to project

Global

#stylesheet.css

Vue.use options

// main.js
import EmGridCardItems from 'em-grid-card-items'
Vue.use(EmGridCardItems)

Local Usage

<template>
  <div>
      <em-grid-card-items
              :column-count="5"
              :column-spacing="10"
              :row-spacing="10"
              :is-add-mode-item="false"
              mode="add"
              resource-name="products"
              item-prop-name="product"
              em-card-type="EmCardProduct"
              :off-direction="false"
              :card-props="{isEditMode: true}"
              @action=""
      />
      <em-grid-card-items
              :column-count="5"
              resource-name="products"
              item-prop-name="product"
              em-card-type="EmCardProduct"
              :card-props="{isEditMode: true}"
              @action=""
      />
  </div>
</template>
<script>
  export default {
    name: 'component.vue',
    components: {EmSvg},
  }
</script>

Setup

Parameters

Props(Parameter)TypeDefaultDescription
column-countNumber0Колличесиво колонок
column-spacingNumber20Растояние между колонками елементов
row-spacingNumbercolumn-spacingРастояние между рядами елементов, если 0 или не установлено используется column-spacing
resource-nameStringnullПуть api ресурса на backend
resource-prefixStringnullПрефикс пути api ресурса на backend
resource-paramsObject{}Обьект параметров передоваемых в запросе к api ресурса на backend
item-prop-nameStringnullНазвание параметра по которому передаётся обьект в компонент
card-propsObjectnullДополнительные параметра передоваемые в обьект в компонента
em-card-typeStringnullНазвание компонента
off-directionBooleanfalseРаспределение колонок производится flex-wrap, column-count игнорируется
is-add-mode-itemBooleanfalseПоказывать ли карточку в режиме добаления елементов
check-listArray[]Массив для хранения выделения елементов
modeStringpadination,addРежим загрузки ресурса
is-dark-buttonBooleanfalseТип кнопки "Показать еще" true?'primary':'warning'

License

The MIT License