Vue-CNode

介绍

用 Vue 做的 CNode 官网，一个单页面应用， 实现了所有的API功能。

项目结构由Vue的脚手架生成，UI框架用了bootstrap

注意

• 对于登录功能，由于没有相应的API，所以这里就简单粗暴直接使用accessToken进行登录了 ╮(╯_╰)╭
• 使用现代浏览器进行浏览(最好是chrome)，当前并没有100%的适配移动端，后续会进行修复

开始

# 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

参考的项目

• element UI Toolkit for web
• Page Loading Effects

坑

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

后续

• 优化项目, 是场景转化更合理
• 去掉bootstrap，改造成Material Design风格的
• 适配移动端（使用flex布局）
• 合理有效的应用svg
• Vuex