{"id":19177535,"url":"https://github.com/iapyang/vue-simple-loading","last_synced_at":"2025-05-07T20:41:29.795Z","repository":{"id":102624665,"uuid":"83766078","full_name":"iapYang/vue-simple-loading","owner":"iapYang","description":"Fork styles from tobiasahlin/SpinKit and built it for vue.","archived":false,"fork":false,"pushed_at":"2017-11-24T01:24:51.000Z","size":435,"stargazers_count":14,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-19T00:47:37.302Z","etag":null,"topics":["css3-animations","vue-component","vuejs2"],"latest_commit_sha":null,"homepage":"https://iapyang.github.io/vue-simple-loading/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/iapYang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-03T06:35:27.000Z","updated_at":"2020-12-17T20:16:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"ac10817c-0382-4988-a120-61a884b3f46a","html_url":"https://github.com/iapYang/vue-simple-loading","commit_stats":{"total_commits":68,"total_committers":2,"mean_commits":34.0,"dds":0.02941176470588236,"last_synced_commit":"3239fb02790532a073a33e2c9b8c3065e1a9e60d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iapYang%2Fvue-simple-loading","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iapYang%2Fvue-simple-loading/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iapYang%2Fvue-simple-loading/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iapYang%2Fvue-simple-loading/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iapYang","download_url":"https://codeload.github.com/iapYang/vue-simple-loading/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252954127,"owners_count":21830893,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3-animations","vue-component","vuejs2"],"created_at":"2024-11-09T10:33:56.024Z","updated_at":"2025-05-07T20:41:29.768Z","avatar_url":"https://github.com/iapYang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n[![GitHub issues](https://img.shields.io/github/issues/iapYang/vue-simple-loading.svg?style=flat-square)](https://github.com/iapYang/vue-simple-loading/issues)\n[![GitHub forks](https://img.shields.io/github/forks/iapYang/vue-simple-loading.svg?style=flat-square)](https://github.com/iapYang/vue-simple-loading/network)\n[![GitHub stars](https://img.shields.io/github/stars/iapYang/vue-simple-loading.svg?style=flat-square)](https://github.com/iapYang/vue-simple-loading/stargazers)\n[![npm](https://img.shields.io/npm/dt/vue-simple-loading.svg?style=flat)](https://www.npmjs.com/package/vue-simple-loading)\n\n[![NPM](https://nodei.co/npm/vue-simple-loading.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://nodei.co/npm/vue-simple-loading/)\n\n# vue-simple-loading\n\nThanks for [tobiasahlin/SpinKit](https://github.com/tobiasahlin/SpinKit). The css3 animation is copied from it.\n\nAll the things I do is built it as a vue component.\n\nThis project is built by vue 2.2.1, so you should update vue to at least version 2.\n\n## Changelog\n\n\u003e v1.1.5 add props validator\n\n## Usage\n\n### NPM\n\n`npm install 'vue-simple-loading' -D ` \n\n### Import\n\nIn your .vue files, use follow code to include it\n\n`import VueLoading from 'vue-simple-loading';`\n\nAdd it to components\n\n```javascript\ncomponents: {\n  VueLoading,\n},\n```\n\nAdd it to the dom\n\n`\u003cvue-loading\u003e\u003c/vue-loading\u003e`\n\n### Add spinner props\n\nThe loading style is defined by spinner.\n\nFor now, there are 11 styles of loading.\n\n```javascript\nspinners: [\n  'rotating-plane',\n  'double-bounce',\n  'wave',\n  'wandering-cubes',\n  'pulse',\n  'chasing-dots',\n  'three-bounce',\n  'circles',\n  'cube-grid',\n  'fading-circle',\n  'folding-cube'\n],\n```\n\n[Check it](https://iapyang.github.io/vue-simple-loading/)\n\nAdd the 'spinner' prop, e.g.\n\n`\u003cvue-loading spinner=\"circles\"\u003e\u003c/vue-loading\u003e`\n\n​","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiapyang%2Fvue-simple-loading","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiapyang%2Fvue-simple-loading","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiapyang%2Fvue-simple-loading/lists"}