store-ui/common/top-bar.js

store-ui

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

'use strict';

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

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

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


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


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


  /**
   * virtualdom
   * @returns {XML}
   */
  render() {
    return ( <div className="section_headerTop">
		    <div className="slot slot_headerTop01">
			    <ul className="left">
				    <li>
					    <a className="favorite" href="javascript:;"><s />加入收藏</a>
				    </li>
				    <li>
					    <span className="welcome">您好，欢迎来到KSTORE!</span>
				    </li>
				    <li className="login_info">
					    <a className="site_login" href="login.html">请登录</a>
					    <a className="site_register" href="resigter.html">免费注册</a>
				    </li>
			    </ul>
			    <ul className="siteNav">
				    <li className="nav_item">
					    <a href="javascript:;">我的订单</a>
				    </li>
				    <li className="nav_item">
					    <a href="javascript:;">会员俱乐部</a>
				    </li>
				    <li className="nav_item navCenter">
					    <a href="javascript:;">收藏夹<s /></a>
					    <div className="navInfo">
						    <div className="navPanel">
							    <a href="javascript:;">收藏的店铺</a>
							    <a href="javascript:;">收藏的商品</a>
						    </div>
					    </div>
				    </li>
				    <li className="nav_item navCenter">
					    <a href="javascript:;">客户服务<s /></a>
					    <div className="navInfo">
						    <div className="navPanel">
							    <a href="javascript:;">帮助中心</a>
							    <a href="javascript:;">售后服务</a>
							    <a href="javascript:;">在线客服</a>
							    <a href="javascript:;">投诉中心</a>
							    <a href="javascript:;">客服邮箱</a>
						    </div>
					    </div>
				    </li>
			    </ul>
		    </div>
		    <div className="slot slot_headerTop02" />
	    </div>

    );
  }
});

 module.exports=TopBar;