@aliretail/react-materials-components/demo/ImageText/example.md

B 端物料组件库

---
title: ImageText-Simple
order: 2
---

```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { ImageText } from '@aliretail/react-materials-components';

class App extends Component {
  render() {
    const props={
      imageUrl:"http://image.zacz.cn/TNY/cz-item/20200904/%E9%A3%9E%E9%B9%A4%E6%98%9F%E9%A3%9E%E5%B8%86%E4%B8%80%E6%AE%B5.png",
      title:"Macbook Pro 512G",
      subTitle:"15inch 银白 | 15inch 银白 | 15inch 银白 | 15inch 银白 | 15inch 银白",
      description:"价格:9999",
      rightTitle: '成本价：9999',
      rightSubTitle: '成交价：159999',
      iconType:'giftItem',
      subTitleLength: 25,
      showBalloon: true,
      balloonContent:"15inch 银白 | 15inch 银白 | 15inch 银白 | 15inch 银白 | 15inch 银白",
      appendElement: <div>货品编码：398493</div>,
      hasImagePlace: false
  }
    return (
      <div>
        <ImageText {...props}/>
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);
```