I am trying to use the site : ‘https://i.icomoon.io/public/temp/7ddb53d614/RipleMusic/style-svg.css’
to get some icons, but I cant show them in the screen:
Here is my code:
render (){ // renderiza lo que voy a mostrar
// sudebar fixed es la barra lateral
return (
<div className = "sidebar fixed">
<a href={__riple.base} className="abs logo"><img src={__riple.theme + "ui/" + this.state.logo} className="bl" /></a>
<ul className="nav">
{
this.props.datanav.map((item,index ) =>{
var on = this .state.page == item.link || (this.state.page === "index" && item.link === "")? "on" : "";
return <li key = {"nav-" + index}>
<a href={ __riple.base + item.link } data-page={item.link} data-title={item.label} data-link={item.link}
className={"bl noul anim " + on}>
onClick = {(e)=>{
riple.stop(e);
loadPage(e.currentTarget.dataset.page);
console.log(e.target.dataset);
console.log(e.currentTarget.dataset);
}}
<div className={"ibl ico " + item.icon} > {item.icon}</div>
<span className="lbl + item.label" />
</a>
</li>
})
}
</ul>
</div>
)
}
}
My constants from where I take the data
$RIPLE_NAV =array(
array (
‘label’ => ‘Inicio’, //Titulo del boton
‘link’ => ‘’, //hacia adonde apunta
‘type’ => ‘public’, //si es publico o privado
‘icon’ => ‘1-’ //esto es el simbolo
),
array (
‘label’ => ‘Busqueda’,
‘link’ => ‘search’,
‘type’ => ‘public’,
‘icon’ => ‘2-’
),
array (
‘label’ => ‘Exploracion’,
‘link’ => ‘explore’,
‘type’ => ‘public’,
‘icon’ => ‘3-’ /chequear porque no me levanta los signos/
),
array (
‘label’ => ‘Libreria’,
‘link’ => ‘library’,
‘type’ => ‘user,admin,moderator’, //esto me define que usuarios van a poder ver o no esta opcipon
‘icon’ => ‘4-’
),
array (
‘label’ => ‘Inicio de Sesion’,
‘link’ => ‘account/sigin’,
‘type’ => ‘public’, //esto me define que usuarios van a poder ver o no esta opcipon
‘icon’ => ‘5-’
),
array (
‘label’ => ‘Contacto’,
‘link’ => ‘contact’,
‘type’ => ‘public’,
‘icon’ => ‘6-’ //ver como poder poner imagenes en icon
)
);
And here is whre I define the code:
<?php
loadCSS(array(
'list' => array('props.css'), //carga props
'theme' => array ('style.css'), //carga los estilos
'remote' => array (
'https://i.icomoon.io/public/temp/7ddb53d614/RipleMusic/style-svg.css'
) //estp deberia cargar los dibujos
));
?>
thanks!