2018-06-21 20:41:20 +00:00
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
colors: {
|
|
|
|
type: Array,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
opacity: {
|
|
|
|
type: Array,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
identifierName: {
|
|
|
|
type: String,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
<template>
|
2018-11-16 20:07:38 +00:00
|
|
|
<svg height="0" width="0">
|
2018-06-21 20:41:20 +00:00
|
|
|
<defs>
|
2018-11-16 20:07:38 +00:00
|
|
|
<linearGradient :id="identifierName">
|
|
|
|
<stop :stop-color="colors[0]" :stop-opacity="opacity[0]" offset="0%" />
|
|
|
|
<stop :stop-color="colors[1]" :stop-opacity="opacity[1]" offset="100%" />
|
2018-06-21 20:41:20 +00:00
|
|
|
</linearGradient>
|
|
|
|
</defs>
|
|
|
|
</svg>
|
|
|
|
</template>
|