73 lines
1.0 KiB
Vue
73 lines
1.0 KiB
Vue
<template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
downloadItem ({ url, label }) {
|
|
Axios.get(url, { responseType: 'blob' })
|
|
.then(response => {
|
|
const blob = new Blob([response.data], { type: 'application/pdf' })
|
|
const link = document.createElement('a')
|
|
link.href = URL.createObjectURL(blob)
|
|
link.download = label
|
|
link.click()
|
|
URL.revokeObjectURL(link.href)
|
|
}).catch(console.error)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.boton-footer {
|
|
background-color: rgb(187, 136, 0);
|
|
color: white;
|
|
width: 14rem;
|
|
font-size: 0.8rem;
|
|
}
|
|
.uno,
|
|
.dos,
|
|
.tres {
|
|
margin-right: 1rem;
|
|
}
|
|
.btn {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.Azul-puma {
|
|
background-color: #1e3c70;
|
|
}
|
|
|
|
.footer {
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.uno,
|
|
.tres {
|
|
margin-right: 4rem;
|
|
}
|
|
.dos {
|
|
margin-right: 0rem;
|
|
}
|
|
.footer {
|
|
font-size: 0.7rem;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 970px) {
|
|
.uno,
|
|
.dos,
|
|
.tres {
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.footer {
|
|
font-size: 0.7rem;
|
|
}
|
|
}
|
|
</style>
|