Estoy dando mis primeros pasos con RiotJS, y me gustaria poder pasar un array de PHP, este seria recorrido por RiotJS e ir devolviendo los KEYS y los VALUES correspondientes generando varios enlaces, gracias
Código HTML:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<card
title="CSS Images"
thumbnail="https://www.w3schools.com/css/trolltunga.jpg"
content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta earum nisi, dolore minus, repellat provident non facere amet labore, architecto ullam quibusdam. Aliquam consequuntur fuga, veniam saepe nostrum est numquam."></card>
<script src="riot+compiler.min.js"></script>
<script src="components.tag" type="riot/tag"></script>
<script>riot.mount("*");</script>
</body>
</html> Código HTML:
<card>
<img src="{opts.thumbnail}">
<h1>{opts.title}</h1>
<p>{opts.content}</p>
<style>
card{
display:flex;
flex-direction:column;
border:1px solid silver;
border-radius:.5em;
overflow:hidden;
}
img{
max-width:100%;
}
h1{
color:white;
text-shadow: 0 0 .1em #000;
text-align:center;
line-height:1.5em;
margin:-1.5em 0 0;
padding:0 .5em;
}
p{
margin:0;
padding:.5em;
}
</style>
</card> [/HTML]