onepage_mrhi/tm/template_dir/test.html

<{include file="header.html"}>
<{include file="nav.html"}>

<script src="<{$web_cfg.cdn}>/public/static/js/spin.min.js" charset="utf-8"></script>

<{if $user}>
<{$user.nickname}>
<{else}>
<a href="<{$web_cfg.domain}>/connect/">微信登陆</a>
<{/if}>

<div id=foo style="margin:auto;"></div>

<script>

KISSY.use('node, vogue/test, cookie, gallery/pageNotification/1.0/index', function (S, Node, Test, Cookie, PageNotification) {
	var $ = S.all;
	
	var opts = {
		lines: 12, // The number of lines to draw
		length: 3, // The length of each line
		width: 2, // The line thickness
		radius: 4, // The radius of the inner circle
		corners: 1, // Corner roundness (0..1)
		rotate: 2, // The rotation offset
		direction: 1, // 1: clockwise, -1: counterclockwise
		color: 'red', // #rgb or #rrggbb or array of colors
		speed: 2, // Rounds per second
		trail: 100, // Afterglow percentage
		//shadow: false, // Whether to render a shadow
		//hwaccel: false, // Whether to use hardware acceleration
		className: 'spinner', // The CSS class to assign to the spinner
		zIndex: 2e9, // The z-index (defaults to 2000000000)
		top: '50%', // Top position relative to parent
		left: '50%' // Left position relative to parent
	};
	var target = document.getElementById('foo');
	var spinner = new Spinner(opts).spin(target);
	/* spinner.stop(); */

	var objPN = new PageNotification({
        "closeButton": true,
        "positionClass": "page-notification-bottom-left",
        "onclick": null,
        "showDuration": "300",
        "hideDuration": "1000",
        "timeOut": "50000",
        "extendedTimeOut": "1000",
        "showEasing": "swing",
        "hideEasing": "linear",
        "showMethod": "fadeIn",
        "hideMethod": "fadeOut"
    });
	
	objPN.success("hello world");
	
	var TM = Cookie.get('TM_PASSPORT_MEMBER');
	if (TM) {
		objPN.success(TM);
	}
});
</script>
<{include file="bottom.html"}>