2022-12-20 22:17:12 +00:00
|
|
|
<template>
|
|
|
|
<div>
|
2023-01-05 20:15:48 +00:00
|
|
|
<video-background
|
2023-01-27 03:33:29 +00:00
|
|
|
src="/video/bg-video.mp4"
|
2023-01-05 20:15:48 +00:00
|
|
|
style=" height: 100vh;"
|
|
|
|
>
|
|
|
|
|
2023-02-03 09:27:36 +00:00
|
|
|
<div class="container-fluid pt-3">
|
2022-12-20 22:25:31 +00:00
|
|
|
<div class="row">
|
2023-02-03 09:27:36 +00:00
|
|
|
<div class="col-12 col-lg-3 text-center text-sm-start">
|
2023-01-05 20:15:48 +00:00
|
|
|
<nuxt-link class="navbar-brand" to="/">
|
|
|
|
<img src="/svglogo.svg" height="35" class="img " alt="imae">
|
|
|
|
</nuxt-link>
|
2022-12-20 22:25:31 +00:00
|
|
|
</div>
|
|
|
|
<div class="col-12 text-center justify-content-center col-lg-9 pt-1">
|
|
|
|
<div class="progress mx-auto ms-lg-3 mt-2 " style="width: 70%;height: 12px">
|
2023-01-01 18:33:52 +00:00
|
|
|
<div class="progress-bar bar" role="progressbar" :style="{ 'width': count + '%' }" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
|
2022-12-20 22:25:31 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-12-20 23:01:19 +00:00
|
|
|
|
|
|
|
|
2022-12-20 22:25:31 +00:00
|
|
|
<NuxtPage page-key="child" />
|
|
|
|
|
2022-12-23 14:42:30 +00:00
|
|
|
|
2022-12-20 22:25:31 +00:00
|
|
|
</div>
|
2023-01-05 20:15:48 +00:00
|
|
|
</video-background>
|
2022-12-20 22:17:12 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
2022-12-20 22:25:31 +00:00
|
|
|
|
2022-12-20 23:01:19 +00:00
|
|
|
<script>
|
2023-01-01 18:33:52 +00:00
|
|
|
import {useCounterStore} from '@/stores/counter';
|
|
|
|
import {mapState,mapActions} from "pinia";
|
2022-12-20 23:01:19 +00:00
|
|
|
export default {
|
2023-01-01 18:33:52 +00:00
|
|
|
computed:{...mapState(useCounterStore,['count'])},
|
|
|
|
methods:{
|
|
|
|
...mapActions(useCounterStore,['increment']),
|
|
|
|
...mapActions(useCounterStore,['decrement'])
|
|
|
|
},
|
2022-12-20 23:01:19 +00:00
|
|
|
data(){
|
|
|
|
return{
|
|
|
|
bar_val:25,
|
|
|
|
}
|
|
|
|
}
|
2022-12-20 22:25:31 +00:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2023-01-05 20:15:48 +00:00
|
|
|
<style >
|
2022-12-20 22:25:31 +00:00
|
|
|
.bar{
|
2023-03-07 04:28:32 +00:00
|
|
|
background-color: #e9c046 !important;
|
2022-12-20 22:17:12 +00:00
|
|
|
}
|
2023-01-05 20:15:48 +00:00
|
|
|
.checklabel{
|
|
|
|
background-color: white ;
|
2023-03-06 20:11:13 +00:00
|
|
|
width: 150px;
|
2023-01-05 20:15:48 +00:00
|
|
|
}
|
2022-12-20 22:25:31 +00:00
|
|
|
</style>
|