脚本宝典收集整理的这篇文章主要介绍了

用vue写一个简单的segmentfault app界面

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

看vue也看了不少时间了,只是一直没动过手写过项目,这两天正好闲着,就用vue练手写了个简单的segmentfault app的界面,功能上实现得还比较少,只把最外面一层的路由和数据展示写了,内层文章页面和问答之类的暂时还没弄。数据是静态的,放在/program/data.js里面。

这个东西最大的麻烦点是嵌套路由,底部的tab bar和顶部的navigation bar还有中间的展示页面是层层嵌套的,理解了这个之后其实其它的就不难了。

还有就是transition,没法做到完全像app里面的那样,点击tab bar两个页面同时开始透明-显示或者显示-透明的转换,只能是一个页面动画进行完了,另一个才开始;而且中间的展示页面因为是复用组件,复用组件的话好像是不执行动画?这点我还没仔细研究文档。。。太懒了。。。

东西放在github上,地址是vue-segmentfault,里面的segmentfault文件夹上执行

npm install 
npm run dev

即可,最好是在手机模式下浏览,直接用ngrok

ngrok http 8080

就能看到地址了,然后手机打开地址就可以了,欢迎提issue和star。

总结

以上是脚本宝典为你收集整理的

用vue写一个简单的segmentfault app界面

全部内容,希望文章能够帮你解决

用vue写一个简单的segmentfault app界面

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过