0.0.5 • Published 5 years ago
vscode-glui-helper v0.0.5
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> |