glui-snippets README

Basic Part

| No. | Trigger Key | Element Tag | | :---: | :--------------: | :------------------------------------------------------------------------------------------------------------------------ | | 1. | gluirow | <glui-row> | | 2. | gluicol | <glui-col> | | 3. | gluicon | <glui-container> | | 4. | gluias | <glui-aside> | | 5. | gluihe | <glui-header> | | 6. | gluima | <glui-main> | | 7. | gluifo | <glui-footer> | | 8. | gluicb | #409EFF | | 9. | gluics | #67C23A | | 10. | gluicw | #E6A23C | | 11. | gluicd | #F56C6C | | 12. | gluici | #909399 | | 13. | gluitypo | font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; | | 14. | gluib | glui-button |

Form Part

| No. | Trigger Key | Element Tag | | :---: | :--------------: | :----------------------------------- | | 1. | gluir | <glui-radio> | | 2. | gluirg | <glui-radio-group> | | 3. | gluic | <glui-checkbox> | | 4. | gluicg | <glui-checkbox-group> | | 5. | gluii | <glui-input> | | 6. | gluiit | <glui-input type="textarea"> | | 7. | gluiin | <glui-input-number> | | 8. | gluisel | <glui-select> | | 9. | gluiop | <glui-option> | | 10. | gluica | <glui-cascader> | | 11. | gluisw | <glui-swtich> | | 12. | gluisl | <glui-slider> | | 13. | gluitp | <glui-time-picker> | | 14. | gluits | <glui-time-select> | | 15. | gluidp | <glui-date-picker> | | 16. | gluidtp | <glui-date-picker type="datetime"> | | 17. | gluiu | <glui-upload> | | 18. | gluira | <glui-rate> | | 19. | gluicp | <glui-color-picker> | | 20. | gluitr | <glui-transfer> | | 21. | gluif | <glui-form> | | 22. | gluifi | <glui-form-item> |

Data Part

| No. | Trigger Key | Element Tag | | :---: | :---------: | :------------------------------ | | 1. | gluita | <glui-table> | | 2. | gluitac | <glui-table-column> | | 3. | gluitag | <glui-tag> | | 4. | gluipr | <glui-progress> | | 5. | gluiprc | <glui-progress type="circle"> | | 6. | gluitree | <glui-tree> | | 7. | gluipa | <glui-pagination> | | 8. | gluiba | <glui-badge> |

Notice Part

| No. | Trigger Key | Element Tag | | :---: | :---------: | :------------------ | | 1. | gluial | <glui-alert> | | 2. | gluiloads | element-loading-* | | 3. | gluime | this.$message({}) | | 4. | gluimebox | this.$msgbox({}) | | 5. | gluimeal | this.$alert({}) | | 6. | gluimecon | this.$confirm({}) | | 7. | gluimepro | this.$prompt({}) | | 8. | gluinoti | this.$notify({}) |

Navigation Part

| No. | Trigger Key | Element Tag | | :---: | :----------: | :----------------------- | | 1. | gluimen | <glui-menu> | | 2. | gluisubmen | <glui-submenu> | | 3. | gluimeni | <glui-menu-item> | | 4. | gluitabs | <glui-tabs> | | 5. | gluitabp | <glui-tab-pane> | | 6. | gluibr | <glui-breadcrumb> | | 7. | gluibri | <glui-breadcrumb-item> | | 8. | gluidr | <glui-dropdown> | | 9. | gluidri | <glui-dropdown-item> | | 10. | gluists | <glui-steps> | | 11. | gluist | <glui-step> |

Others Part

| No. | Trigger Key | Element Tag | | :---: | :----------: | :--------------------- | | 1. | gluidi | <glui-dialog> | | 2. | gluito | <glui-tooltip> | | 3. | gluipop | <glui-popover> | | 4. | gluicard | <glui-card> | | 5. | gluicaro | <glui-carousel> | | 6. | gluicaroi | <glui-carousel-item> | | 7. | gluicolla | <glui-collapse> | | 8. | gluicollai | <glui-collapse-item> |