hzzly / vue-particle-line Goto Github PK
View Code? Open in Web Editor NEW🌈一个Vue+Cnavas酷炫背景粒子线条
Home Page: http://hzzly.github.io/vue-particle-line/
🌈一个Vue+Cnavas酷炫背景粒子线条
Home Page: http://hzzly.github.io/vue-particle-line/
在canvas的的静态运用,让人眼前一亮,是个十分好的canvas和vue结合的例子。
在项目中很少看到您使用watch,您是如何判断何时使用methods而不是watch.感谢。
你这东西不支持配置,什么都写死了
在 标签里面包含表单控件的话不能编辑,比如输入框不能输入内容,好像这个背景图是蒙在最上面的一样
<template>
<vue-particle-line>
<!-- <div class="login-wrapper" :style="'background-image:url('+ Background +')'"> 图片背景,可以替换下面的粒子线条背景-->
<div class="login-wrapper" style="background-color: #263238">
<div class="form-box" style="opacity: 0.9">
<div class="form-title">
<img src="../assets/img/logo1532-white.png" alt="icon">
</div>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-width="0px" class="login-form">
<el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="请输入账号" prefix-icon="el-icon-user" />
</el-form-item>
<el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="请输入密码" prefix-icon="el-icon-lock" @keyup.enter.native="handleLogin" />
</el-form-item>
<el-form-item>
<el-checkbox v-model="loginForm.rememberMe">记住我</el-checkbox>
</el-form-item>
<el-form-item>
<el-button :loading="loading" size="small" type="primary" style="width:100%;" @click.native.prevent="handleLogin">
<span v-if="!loading">登 录</span>
<span v-else>登 录 中...</span>
</el-button>
</el-form-item>
</el-form>
</div>
</div>
</vue-particle-line>
浏览器环境:
IE Edge 10 9
报错信息:
SCRIPT1003: 缺少 ':'
你好,有效果图嘛
vue3 dont support
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.