# vue-starry-sky **Repository Path**: zero-dg/vue-starry-sky ## Basic Information - **Project Name**: vue-starry-sky - **Description**: 基于vue2的星空背景插件。 - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-01-18 - **Last Updated**: 2022-09-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue-starry-sky ### 包下载&引用 在 vue 项目中使用 npm 安装 ``` npm install vue-starry-sky ``` ### 文件地址 下面是项目地址: - git 地址:[vue-starry-sky](https://github.com/ZERO-DG/vue-starry-sky.git) - npm 地址:[vue-starry-sky](https://www.npmjs.com/package/vue-starry-sky) ### 使用方法 在 vue 项目中 src/main.js 中加入下列语句 ``` //main.js import VueStarrySky from "vue-starry-sky" import "vue-starry-sky/lib/vue-starry-sky.css" Vue.use(VueStarrySky); ``` 在 vue 页面中使用 ``` //或者 ``` - 参数说明 - stars-count 类型:{Number,String} 星星的数量控制,默认是 800 - distance 类型:{Number,String} 星星的间距控制,默认是 800 ### 原生 JS 写法 博客园可以用这类方法写入或者在设置中 ``` 星星特效html版本
``` ### 参照の大佬 bilibili up 主 [欧贵姥爷啊](https://www.bilibili.com/video/BV1EJ411e7sr) 等待授权 #### 备注: 基于 vue 的一个星空特效插件 待更新...