zhao/badl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

✨ New component DownloadButton

Browse source
This commit is contained in:
zhbaor 2023-02-23 20:06:20 +08:00
parent 1c99ff7d60
commit 1a529db84b
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/components/DownloadButton.vue Normal file
View file

@ -0,0 +1,13 @@
<script setup></script>
<template>
<button class="btn btn-lg btn-primary z-3 m-2 p-3 shadow">
<span class="button-text"><i class="bi-download"></i><span class="mx-1"></span>Download All</span>
</button>
</template>
<style scoped>
/* .button-text {
font-size: 18px;
} */
</style>

6
frontend/src/views/AudioDownload.vue
View file

@ -1,6 +1,7 @@
<script setup> <script setup>
import AudioCard from "../components/AudioCard.vue"; import AudioCard from "../components/AudioCard.vue";
import TotalProgress from "../components/TotalProgress.vue"; // import TotalProgress from "../components/TotalProgress.vue";
import DownloadButton from "../components/DownloadButton.vue";
const p1 = { const p1 = {
number: "BV1es41127Fd", number: "BV1es41127Fd",
@ -47,7 +48,8 @@ const p4 = {
</div> </div>
</div> </div>
</div> </div>
<TotalProgress display="Downloading" :finished="114514" :total="191981"></TotalProgress> <!-- <TotalProgress display="Downloading" :finished="114514" :total="191981"></TotalProgress> -->
<DownloadButton></DownloadButton>
</div> </div>
</template> </template>