store-ui/common/left-menu.js

store-ui

/**
 * @desc
 *
 * @使用场景
 *
 * @author  杨晓东[of1081]
 * @company qianmi.com
 * @Date    15/7/29
 **/

'use strict';

var React = require('react');
var Immutable = require('immutable');
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
var util = require('uikit/common/util');

var LeftMenu = React.createClass({
	mixins: [PureRenderMixin],

	/**
	 * 初始化属性
	 */
		getDefaultProps(){
		return {}
	},
	/**
	 * 初始化状态
	 */
		getInitialState (){
		return {};
	},


	/**
	 * 绑定自定义事件
	 */
		componentDidMount() {
	},


	/**
	 * remove自定义事件
	 */
		componentWillUnmount() {
	},


	/**
	 * virtualdom
	 * @returns {XML}
	 */
		render() {
		return ( <div className="new_member_left">
				<div className="title">个人中心首页</div>
				<div className="menu_item">
					<a href="javascript:void(0)" className="item_title down">
						<span>订单中心</span>
					</a>
					<ul className="item_list" style={{display: 'block'}}>
						<li>
							<a href="#">我的订单</a>
						</li>
						<li>
							<a href="#">积分兑换订单</a>
						</li>
						<li>
							<a href="#">抢购订单</a>
						</li>
						<li>
							<a href="#">团购订单</a>
						</li>
						<li className="cur">
							<a href="#">我的收藏</a>
						</li>
						<li>
							<a href="#">浏览历史</a>
						</li>
					</ul>
				</div>
				<div className="menu_item">
					<a href="javascript:void(0)" className="item_title down">
						<span>客户服务</span>
					</a>
					<ul className="item_list" style={{display: 'block'}}>
						<li>
							<a href="#">取消订单记录</a>
						</li>
						<li>
							<a href="#">我的投诉</a>
						</li>
					</ul>
				</div>
				<div className="menu_item">
					<a href="javascript:void(0)" className="item_title down">
						<span>账户中心</span>
					</a>
					<ul className="item_list" style={{display: 'block'}}>
						<li>
							<a href="#">账户信息</a>
						</li>
						<li>
							<a href="#">账户安全</a>
						</li>
						<li>
							<a href="#">消费记录</a>
						</li>
						<li>
							<a href="#">我的积分</a>
						</li>
						<li>
							<a href="#">我的优惠券</a>
						</li>
						<li>
							<a href="#">收货地址</a>
						</li>
					</ul>
				</div>
				<div className="menu_item">
					<a href="javascript:void(0)" className="item_title down">
						<span>消息中心</span>
					</a>
					<ul className="item_list" style={{display: 'block'}}>
						<li>
							<a href="#">商品评价</a>
						</li>
						<li>
							<a href="#">购买咨询</a>
						</li>
						<li>
							<a href="#">站内信息</a>
						</li>
					</ul>
				</div>
			</div>

		);
	}
});

module.exports = LeftMenu;