Vue-CNode

介绍

• 用 Vue 做的 CNode 官网，一个单页面应用， 实现了所有的API功能。
• Material Design风格，参考了mdbootstrap
• 预览地址
• 项目结构由Vue的脚手架生成

注意

• 对于登录功能，由于没有相应的API，所以这里就简单粗暴直接使用accessToken进行登录了 ╮(╯_╰)╭
• 使用现代浏览器进行浏览
• 安装node-sass不成功的（下载不动）可以查看这里

开始

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

技术栈

• Vue2.0
• Vue-Router
• Vue-loader
• Vue-resource
• animate.css
• Snap

参考的项目

• bootstrap
• mdbootstrap
• element UI Toolkit for web
• Page Loading Effects

坑

• 页面设计真是个技术活（我爱 dribbble, codrops ）
• svg也是个技术活，但是带来的效果是真给力
• 要在项目使用Snap，也各种操蛋 （解决）

后续

• 持续优化
• Vuex
• 适配移动端
• 合理有效的应用svg