store-ui
Version:
store-ui
136 lines (124 loc) • 3.42 kB
JavaScript
/**
* @desc
*
* @使用场景
*
* @author 杨晓东[of1081]
* @company qianmi.com
* @Date 15/7/29
**/
;
var React = require('react');
var Immutable = require('immutable');
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
var util = require('uikit/common/util');
var Head = React.createClass({
mixins: [PureRenderMixin],
/**
* 初始化属性
*/
getDefaultProps(){
return {}
},
/**
* 初始化状态
*/
getInitialState (){
return {};
},
/**
* 绑定自定义事件
*/
componentDidMount() {
},
/**
* remove自定义事件
*/
componentWillUnmount() {
},
/**
* virtualdom
* @returns {XML}
*/
render() {
return ( <div className="n_head">
<div className="container clearfix pr">
<div className="n_logo fl clearfix">
<h1 className="ml10 fl">
<a href="default.html">
<img src="http://uelab.org/yunxiao/store/demo/commontheme/images/logo.png" />
</a>
</h1>
<div className="fl ml20">
<a href="#" className="fore1">我的KSTORE</a>
<a href="default.html" className="fore2">返回首页</a>
</div>
</div>
<div className="n_menu fl">
<ul className="clearfix">
<li>
<a href="default.html">首页</a>
</li>
<li>
<a href="#">个人主页</a>
</li>
<li className="n_hover">
<div className="pr">
<a href="#">账户中心</a>
<div className="n_menu_hide">
<a href="#">个人信息</a>
<a href="#">账户安全</a>
<a href="#">收货地址</a>
</div>
</div>
</li>
<li>
<a href="#">消息中心</a>
</li>
</ul>
</div>
{/*n_menu*/}
<div className="cartfd">
<s className="cartBanner" />
<div className="cartit">
<span><s /><a href="/myshoppingcart.html">我的购物车</a></span>
<strong className="cartNum">0</strong>
</div>
<div className="miniCart hide">
<div className="mCartBox">
<div className="mcBoxTop clearfix">
</div>
<div className="mcBoxList">
</div>
<div className="emCartBox hide" style={{display: 'block'}}>
<span>购物车中还没有商品，再去逛逛吧！</span>
</div>
</div>
<div className="mcGenius bmcGenius" />
<div className="mCartError">
<p>正在为您加载数量！</p>
</div>
<div className="mCartHandler clearfix">
<span className="mcCashier">
<span className="mcTotal">
<span className="mcRmb">¥</span>
<span className="mcTotalFee">0.00</span>
</span>
<span className="mcGo"><a href="/myshoppingcart.html">结算</a></span>
</span>
<h3>
<span className="mc_e1">购物车</span>
<span className="mc_e2">共</span>
<strong className="mcNumTotal">0</strong>
<strong className="mcNumChecked">0</strong>
<span className="mc_e2">件</span>
</h3>
</div>
</div>
</div>
</div>
</div>
);
}
});
module.exports=Head;