OnSen UI结合AngularJs打造”美团"APP"我的”页面 --Hybrid App

OnSen UI结合AngularJs打造”美团

1、页面效果图:

OnSen UI结合AngularJs打造”美团"APP"我的”页面 --Hybrid App

演示地址:http://www.nxl123.cn/bokeyuan/meiTuanDemo_mine/

2、核心代码

mine.html:

<ons-page ></ons-page>

mineController.js:

/**
* Created by NIUXINLONG on 2018/8/3.
*/
app.controller("MineController", function ($scope) {
$scope.name = "123";
$scope.first = [
{
img: "imgs/order_ic_vector_unpaid_new.png",
tag: "我的钱包"
},
{
img: "imgs/ic_vector_user_wallet.png",
tag: "余额"
},
{
img: "imgs/ic_vector_vip_club.png",
tag: "抵用券"
},
{
img: "imgs/ic_vector_vip_club.png",
tag: "会员卡"
}
];
$scope.second = [
{
img: "imgs/user_admin_name.png",
tag: "好友去哪"
},
{
img: "imgs/ic_vector_user_wallet.png",
tag: "我的评价"
},
{
img: "imgs/order_ic_vector_unpaid_new.png",
tag: "我的收藏"
},
{
img: "imgs/ic_vector_vip_club.png",
tag: "会员中心"
},
{
img: "imgs/ic_vector_voucher.png",
tag: "积分商城"
}
];
$scope.third = [
{
img: "imgs/ic_vector_user_wallet.png",
tag: "客服中心"
},
{
img: "imgs/ic_vector_vip_club.png",
tag: "关于集团"
}
];
});

3、项目相关的文件下载

http://www.nxl123.cn/files/meiTuanDemo_mine.zip