a snippet for element-ui,and the snippet is deep coupled with vue-element-admin
how to use
install the extensioon and then type l-.all prefixs are begin with l-.
snippets
Template
Table
| Snipet |
Purpose |
| l-tabel__row |
el-table-column |
| l-tabel__row--template |
el-table-column with template |
| l-tabel__pagination |
the custom pagination component |
| Snipet |
Purpose |
| l-form-item__input_trim |
el-input in el-from-item with trim |
| l-form-item__input_number |
el-input in el-from-item with number |
| l-form-item__switch |
el-switch in el-from-item |
| l-form-item__select |
el-select in el-from-item |
| l-form-item__dateTime |
select dateTime in el-from-item |
| l-form-item__dateRange |
select dataRange in el-from-item |
| l-form-item__upload |
upload image in el-from-item ,you should import Upload component |
| Snipet |
Purpose |
| l-input__trim |
el-input with trim |
| l-input__number |
el-input with number |
| l-input__checkbox |
el-checkbox |
| l-input__switch |
el-switch |
| l-input__select |
el-select |
| l-input__dateTime |
select dateTime |
| l-input__dateRange |
select dataRange |
| l-input__textarea |
el-input textarea |
| l-input__radio |
el-radio-group |
| l-input__trim--query |
el-input with trim and query |
| l-input__number--query |
el-input with number and query |
| l-input__checkbox--query |
el-checkbox with query |
| l-input__select--query |
el-select with query |
| l-input__dateRange--query |
el-select with query |
| Snipet |
Purpose |
| l-button--primary |
primary el-button |
| l-button--success |
success el-button |
| l-button--danger |
danger el-button |
| l-button--searchIcon |
primary el-button with search icon |
| l-button--exportIcon |
primary el-button with export icon |
| l-button--createIcon |
primary el-button with create icon |
| l-button--addIcon |
primary el-button with add icon |
| l-button--deleteIcon |
primary el-button with delete icon |
Tag
| Snipet |
Purpose |
| l-tag--primary |
primary el-tag |
| l-tag--success |
success el-tag |
| l-tag--info |
info el-tag |
| l-tag--warning |
warning el-tag |
| l-tag--danger |
danger el-tag |
Router
| Snipet |
Purpose |
| l-method__skipToRoute |
skip to a window in current page |
| l-method__skipToRoute--newWindow |
skip to a new page |
| l-method__skipToPrevious |
skip to previous page |
Message
| Snipet |
Purpose |
| l-message__success |
success message |
| l-message__error |
error message |
| l-message__confirm |
message need to confirm |
common
some snippet i don't know where to put
| Snipet |
Purpose |
| l-common__opt |
the templete of options |
others are deep coupled with vue-element-admin
Vue
| Snippet |
Purpose |
| l-base |
Single file component base |
| l-base__list |
Single file list with query and table base |
| l-base__deploy |
Single file deploy with form base |
Conponent
| Snipet |
Purpose |
| l-conponent__sticky |
Sticky Conponnet |
Script
Methods
| Snipet |
Purpose |
| l-method__pagination |
handlePagination |
| l-method__handleDownload |
handleDownload |
| l-method__paste |
handlePaste |
Apis
| Snipet |
Purpose |
| l-api__get |
get request |
| l-api__get--query |
get query request |
| l-api__post |
post request |
Import
import frequently-used components and util and etc
| Snipet |
Purpose |
| l-import__api |
import api from common folder |
| l-import__opt |
import option from common folder |
| l-import__defaultVal |
import default from common folder |
| l-import__util |
import utils |
| l-import__fetch |
import fetch method from utils floder |
| l-import__param |
import param method from utils floder |
| l-import__parseTime |
import parseTime method from utils floder |
| l-import__dateTime |
import dateTime component from Conponents floder |
| l-import__upload |
import upload component from Conponents floder |
| l-import__upload--plus |
import uploadPlus component from Conponents floder |
| |
