小红书，发现全世界的好东西! 种草种的好，美得比人早!

点我有惊喜哦
（PC端建议在Chrome下开启调试模式，移动端直接在浏览器中打开就好）

Vue2.0全家桶 + axios + Vuex + Mint-Ui + Mock.js + Stylus

• 使用vue-cli2.0搭建项目框架
• 使用vue-router2.7进行页面路由切换
• 使用json server进行http请求获取数据
• mock假数据存储在本地
• 使用stylus编写样式
• vuex进行状态管理
• better-scroll优化滚动效果
• vue-awesome-swiper轮播图
• flexible.js 10rem解决移动端设备兼容

1、tabbar滑动切换和点击切换
2、搜索框
3、笔记列表的自适应布局
4、良好的滚动手感
5、侧边栏的进入退出

1、滑动查看笔记图片
2、笔记详情展示

1、滑动查看商品图片
2、商品详情展示
3、加入购物车的上拉弹出框，选择商品颜色、尺寸、重量及数量

1、已加入购物车的商品展示
2、增加、减少商品数量，删除商品
3、结算功能

1、搜索功能
2、评论页面的展示
3、笔记页面的完善

    历时半个多月的敲代码过程，终于完成了这款仿小红书的项目(有点小开森~)。项目使用到vue-router进行路由切换，组件化开发让我更加具有组件化思维，vuex的状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。项目所用到的假数据为小红书官网上的一些数据，以及小红书app上的截图(小红书没有PC端商品图片，只好默默抠图...)。作为一名vue的初学者，开发过程中难免踩过一些坑，一开始并没有用到mint-ui这个移动端布局框架，打算自己手写一个侧边栏，尝试许久，效果总不如人意，然后果断放弃,投入mintui的怀抱，嗯，效果蛮不错的。还有不想在路由中看到#,路由文件中我选择了history模式，结果打包上线时...你懂的，总之开发过程就是填坑过程，期间遇到的一些问题通过查看官网文档，浏览社区大牛的技术分享，最后总能解决的。

   走过路过的各位大佬们，如果觉得我的项目还不错的，就请动动你们的小手，留下一颗宝贵的星吧~
   本人目前正在求职，对我感兴趣的可以通过以下方式联系我：
   * 邮箱：[email protected]
   * 微信号：isOKcwq
   * 附上简历一张：https://www.lagou.com/resume/myresume.html

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.