AppCan移动开发:仿口袋购物APP源码

效果图：

一、UI部分

1、修改index.html标题内容为：“口袋购物”

2、在index.html页面内添加底部tab选项卡代码：

<!--content结束-->

<div id="footer"style="height:3em"class="footer_color">

<div id="tuijian"class="ufl footer_width
footer_top">

<div id="" class="fa fa-heart
center uf footer_iconfooter_checked">

</div>

<div id=""class="center">

推荐

</div>

</div>

<div id="zhuanti"class="ufl
footer_width footer_top">

<div id="" class="fa
fa-bookmark center uf footer_iconsc-text-tab">

</div>

<div id=""class="center">

专题

</div>

</div>

<div id="wode"class="ufl
footer_width footer_top">

<div id="" class="fa fa-user
center uf footer_iconsc-text-tab">

</div>

<div id=""class="center">

我的

</div>

</div>

</div>

效果如下：

二、JS代码部分

1、加载底部tab选项卡《专题》部分代码

效果如下：

2、加载底部tab选项卡《我的》部分代码

效果如下