vuejs-nightmode
所属分类:图标/字体
开发工具:Vue
文件大小:5443KB
下载次数:0
上传日期:2020-09-22 05:33:54
上 传 者:
sh-1993
说明: 使用Vue JS实现的Dark Layout Mode。状态从浏览器保存在本地存储中。我用的字体棒极了
(A Dark Layout Mode implemented with Vue JS. The state is persisted in local storage from the browser. I use font awesome)
文件列表:
.browserslistrc (33, 2020-09-22)
LICENSE (1077, 2020-09-22)
babel.config.js (53, 2020-09-22)
package-lock.json (415773, 2020-09-22)
package.json (436, 2020-09-22)
postcss.config.js (59, 2020-09-22)
public (0, 2020-09-22)
public\favicon.ico (4286, 2020-09-22)
public\index.html (567, 2020-09-22)
src (0, 2020-09-22)
src\App.vue (2682, 2020-09-22)
src\assets (0, 2020-09-22)
src\assets\logo.png (6849, 2020-09-22)
src\assets\test-image.jpg (5458887, 2020-09-22)
src\main.js (136, 2020-09-22)
# Dark Layout Mode with Vue JS
That's the complete source code with comments from the video tutorial [Dark Layout Mode with Vue JS](https://youtu.be/NzF2y673Gxs)
A Dark Layout Mode implemented with Vue JS. The state is persisted in local storage from the browser. I use font awesome icons for the dark mode toggle.
[![Tutorial on Youtube](http://img.youtube.com/vi/NzF2y673Gxs/0.jpg)](https://youtu.be/NzF2y673Gxs)
## “ Complete Playlists
[Learn Vue JS - From The Ground Up](https://www.youtube.com/playlist?list=PLINmvGGUwYc3fsN0ba_ZSZE0ywDeS0cd2)
[Learn Vue JS - Additional Libaries](https://www.youtube.com/playlist?list=PLINmvGGUwYc0KrI3N11BCzflF6lEXqR9M)
[Best Vue JS Tips and Tricks](https://www.youtube.com/playlist?list=PLINmvGGUwYc1GHkWFayyTLJXlnssHQEPc)
[Vue JS Animations and Transitions](https://www.youtube.com/playlist?list=PLINmvGGUwYc1qRSE4LMjReEULDE1pa-mS)
[Learn Nuxt JS - From The Ground Up](https://www.youtube.com/playlist?list=PLINmvGGUwYc11ZniENQRU7eQar6gQo04R)
## Connect with me:
[
][website]
[
][youtube]
[
][twitter]
[
][instagram]
[
][buymeacoffee]
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Run your tests
```
npm run test
```
### Lints and fixes files
```
npm run lint
```
## License
[MIT](LICENSE)
[website]: https://webnoob.dev
[twitter]: https://twitter.com/webnoobcodes
[youtube]: https://youtube.com/webnoob
[instagram]: https://instagram.com/webnoobcodes
[buymeacoffee]: https://www.buymeacoffee.com/webnoob
近期下载者:
相关文件:
收藏者: