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

1、页面效果图：

演示地址：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