hzzly / Vue Particle Line
🌈一个Vue+Cnavas酷炫背景粒子线条
Stars: ✭ 451
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Vue Particle Line
Electron Vue Cloud Music
🚀Electron + Vue 仿网易云音乐windows客户端
Stars: ✭ 1,894 (+319.96%)
Mutual labels: canvas, vue-router
Tui.image Editor
🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Stars: ✭ 4,761 (+955.65%)
Mutual labels: canvas
Vue2 Echo
基于vue2 + vue-router + vuex 构建的一个音乐类单页面应用 —— echo回声
Stars: ✭ 408 (-9.53%)
Mutual labels: vue-router
Zerker
Zerker is a lightweight and powerful flutter graphic animation library
Stars: ✭ 435 (-3.55%)
Mutual labels: canvas
Fans
这是一个app(android/iOS)项目，但页面视图全部都用的是html5页，没有使用app的原生页面。 前端h5是基于mui + vue2 + vue-router2 + es6 + webpack2 + vuex + signalR 的前端webApp单页项目框架，项目可以直接在PC上运行html5页面。 app打包技术是用HBuilder IDE工具一键打包成APP。
Stars: ✭ 416 (-7.76%)
Mutual labels: vue-router
Vue Skeleton Mvp
VueJs, Vuetify, Vue Router and Vuex skeleton MVP written on JavaScript using async/await built to work with API REST skeleton: https://github.com/davellanedam/node-express-mongodb-jwt-rest-api-skeleton
Stars: ✭ 406 (-9.98%)
Mutual labels: vue-router
Vue Family Mindmap
用一张思维导图总结了 Vue | Vue-Router | Vuex 源码与架构要点。
Stars: ✭ 432 (-4.21%)
Mutual labels: vue-router
Jsnes Web
A browser UI for JSNES, a JavaScript NES emulator
Stars: ✭ 398 (-11.75%)
Mutual labels: canvas
Netease yanxuan
vue版网易严选,体验网易严选购物流程，线上访问:http://zhaoboy.bid/yanxuan/#/
Stars: ✭ 417 (-7.54%)
Mutual labels: vue-router
vue-particle-line
How to use
npm install vue-particle-line --save
Main.js file
import Vue from 'vue'
import vueParticleLine from 'vue-particle-line'
import 'vue-particle-line/dist/vue-particle-line.css'
Vue.use(vueParticleLine)
App.vue file - Simple example
<template>
<div id="app">
<vue-particle-line>
<router-view />
</vue-particle-line>
</div>
</template>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| lineWidth | Number | 0.3 | connect line width |
| dotsNumber | Number | 100 | dot number |
| dotsDistance | Number | 100 | far as points to connect |
| hoverEffect | Boolean | true | mouse hover events |
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].