From 0a32b52ac9870c28ed66d268a4513bd9a9c612b3 Mon Sep 17 00:00:00 2001
From: Fernando <tbyuyfcjjll@gmail.com>
Date: Fri, 10 May 2019 15:10:17 -0500
Subject: [PATCH] Extraido de panel-descarga. Maneja las variantes del anime.

---
 .../Anime/panel-descarga/variante.vue         | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/components/Anime/panel-descarga/variante.vue

diff --git a/src/components/Anime/panel-descarga/variante.vue b/src/components/Anime/panel-descarga/variante.vue
new file mode 100644
index 0000000..5b600bb
--- /dev/null
+++ b/src/components/Anime/panel-descarga/variante.vue
@@ -0,0 +1,44 @@
+<template lang="pug">
+    span
+        div.titulo(
+            :style="indice === '1'? `background-color: ${opcion.color}` : ''"
+            @click="funCambiar(indice)" :color-min="opcion.color"
+            :id="`opcion${indice}`"
+        ).
+            {{ opcion.formato }} {{ opcion.res }}<br>{{ opcion.servidor }}
+    //
+</template>
+
+<script lang="coffee">
+
+    export default
+        name: "variante"
+        props:
+            indice:
+                type: String
+                required: true
+            opcion:
+                type: Object
+                required: true
+            funCambiar:
+                type: Function,
+                required: true
+    #
+
+</script>
+
+<style scoped lang="sass">
+
+    .titulo
+        padding: 10px 40px
+        user-select: none
+        cursor: pointer
+        display: inline-block
+        text-align: center
+        font:
+            size: large
+            weight: normal
+            family: Muli, "Open Sans", sans-serif
+
+    //
+</style>
\ No newline at end of file