import React from 'react';
import './index.less'

const Index = (props) => {
    const data = props.data;
    console.log(data)
    return (
        <div className="address-box">
            {data && data.length > 0 && data.map((item, index) => item.XM && (
                <div className="address-item" key={index}>
                    <div>
                        <img alt="" src="" className=""/>
                        {item.XM || ''}
                    </div>
                    <div className="address-user">
                        <img alt="" className='smallIco mr-5' src='/img/tel.png' />
                        <a className="address-phone" href={item.YDDH  ? `tel:${item.YDDH}` : null}>{item.YDDH || '无'}</a>
                    </div>
                </div>
            ))}

        </div>
    );
};

export default Index;
