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

    function back(event) {
        event.preventDefault();
        $(document).trigger('spa:navigate', {
            hash: 'mine'
        });
    }

    return {
        title: '关于',
        body: '',
        init: function (pageData, dtd) {
            var $view = this;
            var $doc = $(document);

            /* 定义按钮事件。*/

            // 返回
            $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);
            });

            dtd.resolve();
        },
        beforeopen: function (pageData, dtd) {
            dtd.resolve();
        },
        afteropen: function (pageData, dtd) {
            var $view = this;
            var $doc = $(document);
            $doc.trigger('spa:openloader');
            api.getAbout({}, function (res) {
                if (res.success) {
                    var tpl = template('help/index', {
                        showNavBar: !config.isWX
                    });
                    $('.spa-page-body', $view).html(tpl);
                    $('.page-content', $view).html(res.data.content);

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

                    dtd.resolve();
                    $doc.trigger('spa:closeloader');
                }
            });
        },
        beforeclose: function (pageData, dtd) {
            dtd.resolve();
        }
    }
})