php/www/webapp/o2o/js/page/mine.js

define(['$', 'template', 'IScroll', 'user', 'native', 'config'], function ($, template, IScroll, user, native, config) {

    /*
     * 先定义一些模块内用到的function
     */
    function back(event) {
        event.preventDefault();
        event.preventDefault();
        $(document).trigger('spa:navigate', {
            hash: 'home',
            pushData: {
                dontNeedReload: true
            }
        });
    }

    /*
     * 模块结构：5部分。
     * title:题目。
     * content:不知道是什么，似乎从没用过。
     * 以下可以当作生命周期回调，虽然并不清楚是什么时候回调的……
     * init:根据上一个页面传来的pageData初始化本页数据，生成页面，绑定事件。
     * beforeopen:接收上一个页面传来的数据、有需要的话重置数据
     * afteropen:做一些网络请求。
     * beforeclose：
     */
    return {
        title: '我的',
        body: '',
        init: function (pageData, dtd) {
            /* this是什么？ */
            var $view = this;
            var $doc = $(document);

            /* 定义按钮事件。
             * 为什么不是$(selector).onclick(function)呢？
             */

            // 返回
            $view.on('swipeRight', function (event) {
                back.call(this, event);
            });

            $.newTouch('.back-button', function (event) {
                back.call(this, event);
            }, $view);

            $view.on('tapBackButton', function (event) {
                back.call(this, event);
            });

            // 我的订单
            $.newTouch('.btn-my-order', function (event) {
                event.preventDefault();
                $doc.trigger('spa:navigate', {
                    hash: 'myOrder/1',
                    pushData: {
                        needReload: true
                    }
                });
            }, $view);

            // 常用地址
            // $.newTouch('.btn-address-list', function (event) {
            //     event.preventDefault();
            //     $doc.trigger('spa:navigate', {
            //         hash: 'addressList',
            //         pushData: {
            //             needReload: true
            //         }
            //     });
            // }, $view);

            // 充值卡
            $.newTouch('.btn-address-list', function (event) {
                event.preventDefault();
                $doc.trigger('spa:navigate', {
                    hash: 'recharge',
                    pushData: {
                        needReload: true
                    }
                });
            }, $view);

            // 代金券
            $.newTouch('.btn-coupon', function (event) {
                event.preventDefault();
                user.checkLogin(function () {
                    $doc.trigger('spa:navigate', {
                        hash: 'myCoupon'
                    });
                });
            }, $view);

            // 帮助中心
            $.newTouch('.btn-helper', function () {
                event.preventDefault();
                $doc.trigger('spa:navigate', {
                    hash: 'help'
                });
            }, $view);

            // 关于
            $.newTouch('.btn-about', function () {
                event.preventDefault();
                $doc.trigger('spa:navigate', {
                    hash: 'about'
                });
            }, $view);

            /* 定义按钮事件结束。*/

            /* 不知道什么意思。*/
            dtd.resolve();
        },
        beforeopen: function (pageData, dtd) {
            dtd.resolve();
        },
        afteropen: function (pageData, dtd) {
            var $view = this;
            var $doc = $(document);

            var tpl = template('mine/index', {
                showNavBar: !config.isWX,
                userName: user.name == '' ? '未登录' : user.name,
                userBalance: user.balance,
            });
            $('.spa-page-body', $view).html(tpl);

            setTimeout(function () {
                pageData.scroll = new IScroll('#mineScroll');
            }, 500);

            /* 又是这个。不知道什么玩意…… */
            dtd.resolve();
        },
        beforeclose: function (pageData, dtd) {
            dtd.resolve();
        }
    }
})