store-ui/browsing-history.js

store-ui

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

'use strict';

var React = require('react');
var Immutable = require('immutable');
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
var Scroll=require('./scroll');


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

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


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


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

  /**
   * virtualdom
   * @returns {XML}
   */
  render() {
	 var images =  [1,2,3,4,5,6,7,8,9,10].map(()=>{
		  return   <li style={{overflow: 'hidden', float: 'left', width: 217, height: 270}}>
			  <a href="#">
				  <img src="http://uelab.org/yunxiao/store/demo/commontheme/images/images_l4.jpg" width={215} height={215} />
				  <p>松下 EW3106 上臂式家用血压计</p>
				  <p className="red">￥179.00</p>
			  </a>
		  </li>
	  })

	  return (<div className="borwsing-history mt20">
		    <div className="title">浏览记录</div>
			  <Scroll >
				  {images}
			  </Scroll>
	    </div>

    );
  }
});

 module.exports=BrowsingHistory;