master
parent
e33da1d8e5
commit
0151eb79b3
File diff suppressed because it is too large
Load Diff
|
@ -43,8 +43,8 @@ export default {
|
|||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
z-index: -99;
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -21,7 +21,7 @@
|
|||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkmark pt-2 d-inline-block">
|
||||
<nuxt-link to="/onbording/onbording2" @click.once="increment(50)" class="checkmark pt-2 d-inline-block">
|
||||
<input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
|
||||
<label class="btn checklabel ms-0 ms-sm-3 pt-4 px-5" for="danger-outlined1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="58" viewBox="0 0 54 58" fill="none">
|
||||
|
@ -29,18 +29,19 @@
|
|||
</svg>
|
||||
<p class="text-center" >Over-Ear</p>
|
||||
</label>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-5 mt-2 ">
|
||||
<div class="col-12 text-center pt-5 mt-3 doted-nav pb-5 mb-2">
|
||||
<NuxtLink @click="" class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
||||
<NuxtLink @click.once="increment(25)" class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
|
||||
<NuxtLink @click.once="increment(50)" class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink @click.once="increment(75)" class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2" @click.once="increment(100)" to="/onbording/onbording4"></NuxtLink>
|
||||
<h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
|
||||
<button @click="increment()" >Add +1 {{ count }}</button>
|
||||
<button @click="decrement()">Add +1 {{ count }}</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
@ -54,7 +55,8 @@ import {mapState,mapActions} from "pinia";
|
|||
export default {
|
||||
computed:{...mapState(useCounterStore,['count'])},
|
||||
methods:{
|
||||
...mapActions(useCounterStore,['increment'])
|
||||
...mapActions(useCounterStore,['increment']),
|
||||
...mapActions(useCounterStore,['decrement']),
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkmark pt-2 d-inline-block">
|
||||
<nuxt-link to="/onbording/onbording3" @click.once="increment(75)" class="checkmark pt-2 d-inline-block">
|
||||
<input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
|
||||
<label class="btn checklabel ms-0 ms-sm-3 pt-4 px-5" for="danger-outlined1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="70" viewBox="0 0 60 46" fill="none">
|
||||
|
@ -28,16 +28,16 @@
|
|||
</svg>
|
||||
<p class="text-center">Yes</p>
|
||||
</label>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-5 mt-2 ">
|
||||
<div class="col-12 text-center pt-5 mt-3 doted-nav pb-5 mb-2">
|
||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-4 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onbording"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-4 mx-2" @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2" @click.once="increment(100)" to="/onbording/onbording4"></NuxtLink>
|
||||
<h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
|
||||
</div>
|
||||
|
||||
|
@ -45,8 +45,13 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {useCounterStore} from '@/stores/counter';
|
||||
import {mapState,mapActions} from "pinia";
|
||||
export default {
|
||||
name:'OnBording',
|
||||
computed:{...mapState(useCounterStore,['count'])},
|
||||
methods:{
|
||||
...mapActions(useCounterStore,['increment']),
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
bar_val:25,
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
</label>
|
||||
</div>
|
||||
|
||||
<div class="checkmark pt-2 d-inline-block">
|
||||
<nuxt-link to="/onbording/onbording4" @click.once="increment(100)" class="checkmark pt-2 d-inline-block">
|
||||
<input type="radio" class="btn-check checkmark" name="options-outlined" id="danger-outlined1" autocomplete="off">
|
||||
<label class="btn checklabel ms-0 ms-sm-3 pt-4 px-4" for="danger-outlined1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="60" viewBox="0 0 57 60" fill="none">
|
||||
|
@ -27,17 +27,17 @@
|
|||
</svg>
|
||||
<p class="text-center px-1" >Concentration</p>
|
||||
</label>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-5 mt-2 ">
|
||||
<div class="col-12 text-center pt-5 mt-3 position-fixed bottom-0 pb-5 mb-2">
|
||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-4 " to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onbording"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2" @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-4 " @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2" @click.once="increment(100)" to="/onbording/onbording4"></NuxtLink>
|
||||
<h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
|
||||
</div>
|
||||
|
||||
|
@ -45,14 +45,20 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {useCounterStore} from '@/stores/counter';
|
||||
import {mapState,mapActions} from "pinia";
|
||||
export default {
|
||||
name:'OnBording',
|
||||
computed:{...mapState(useCounterStore,['count'])},
|
||||
methods:{
|
||||
...mapActions(useCounterStore,['increment']),
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
bar_val:25,
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
|
|
@ -57,10 +57,10 @@
|
|||
|
||||
<div class="row pt-5 mt-2 ">
|
||||
<div class="col-12 text-center pt-5 mt-3 position-fixed bottom-0 pb-5 mb-2">
|
||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-4 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onbording"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 " @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-4 mx-2 " @click.once="increment(100)" to="/onbording/onbording4"></NuxtLink>
|
||||
<h6 class="text-muted text-center pt-3">You can customize your selection later</h6>
|
||||
</div>
|
||||
|
||||
|
@ -68,8 +68,14 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {useCounterStore} from '@/stores/counter';
|
||||
import {mapState,mapActions} from "pinia";
|
||||
export default {
|
||||
name:'OnBording',
|
||||
computed:{...mapState(useCounterStore,['count'])},
|
||||
methods:{
|
||||
...mapActions(useCounterStore,['increment']),
|
||||
...mapActions(useCounterStore,['decrement'])
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
bar_val:100,
|
||||
|
|
|
@ -3,13 +3,13 @@ import { defineStore } from 'pinia'
|
|||
|
||||
export const useCounterStore = defineStore('counter', {
|
||||
state: () => {
|
||||
return { count: 0 }
|
||||
return { count: 20 }
|
||||
},
|
||||
// could also be defined as
|
||||
// state: () => ({ count: 0 })
|
||||
actions: {
|
||||
increment() {
|
||||
this.count++
|
||||
increment(a) {
|
||||
this.count=a;
|
||||
},
|
||||
},
|
||||
persist: true,
|
||||
|
|
Loading…
Reference in New Issue