使用ionic3/ag4编写模仿百度钱包的demo

最近一直听说百度钱包的年化超越了余额宝,默默的下了一个百度钱包,发现不是很大,只有10M,带着疑问,打开了app,居然发现很多都是H5做的,当然我不知道是不是使用了混合技术,有些页面直接打开了webview进行加载网页…

ok,本来想试试VUE的,后面还是用回了AG,因为我想做的部分页面有图标,PM又叫我研究甘特图。

so,开干

0.使用

  • cnpm install 下载依赖
  • ionic serve 开启浏览器调试

自带ionic环境哦

1.预览

页面我已经放在我node.js服务器上了,可以直接在手机预览效果

链接

2.总结

1.chart库使用了百度的echart库,如果不是很了解引用第三方js库呢

点击打开

2.关于垂直居中,平行居中,还是使用flex布局,靠谱点,当然你也可以用ionic的grid布局(有概率不起作用…)

3.绝对布局在ionic貌似有点不起作用….建议使用ionic的ion-fab

3.代码地址

github地址

4.结语

有问题的话,可以在github中提issue一起讨论,如果能够帮你,轻轻的点一下star呗

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值