看vue也看了很多时间了,只是一直没动过手写过项目,这两天正好闲着,就用vue练手写了个简单的segmentfault app的界面,功能上实现得还比较少,只把最外面一层的路由和数据展现写了,内层文章页面和问答之类的暂时还没弄。数据是静态的,放在/program/data.js里面。vue
这个东西最大的麻烦点是嵌套路由,底部的tab bar和顶部的navigation bar还有中间的展现页面是层层嵌套的,理解了这个以后其实其它的就不难了。git
还有就是transition,无法作到彻底像app里面的那样,点击tab bar两个页面同时开始透明-显示或者显示-透明的转换,只能是一个页面动画进行完了,另外一个才开始;并且中间的展现页面由于是复用组件,复用组件的话好像是不执行动画?这点我还没仔细研究文档。。。太懒了。。。github
东西放在github上,地址是vue-segmentfault,里面的segmentfault文件夹上执行npm
npm install npm run dev
便可,最好是在手机模式下浏览,直接用ngroksegmentfault
ngrok http 8080
就能看到地址了,而后手机打开地址就能够了,欢迎提issue和star。app