mirror of
https://github.com/Kugelschieber/breach.git
synced 2026-01-18 03:50:24 +00:00
Review comments.
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
<h2>Code-Matrix</h2>
|
<h2>Code-Matrix</h2>
|
||||||
<div class="matrix-row" v-for="i in size" :key="i">
|
<div class="matrix-row" v-for="i in size" :key="i">
|
||||||
<div class="matrix-column" v-for="j in size" :key="j">
|
<div class="matrix-column" v-for="j in size" :key="j">
|
||||||
{{matrix[(i-1)*5+(j-1)]}}
|
{{matrix[(i - 1)*5 + (j - 1)]}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -15,7 +15,7 @@
|
|||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
props: {
|
props: {
|
||||||
size: {type: Number, required: true},
|
size: {type: Number, required: true},
|
||||||
matrix: {type: Array, required: true}
|
matrix: {type: Array, required: true},
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -6,27 +6,29 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {defineComponent, ref} from "vue";
|
import {defineComponent, ref, computed} from "vue";
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
props: {
|
props: {
|
||||||
time: {type: Object, required: true}
|
time: {type: Object, required: true}
|
||||||
},
|
},
|
||||||
setup(props) {
|
setup(props) {
|
||||||
const countdown = ref("60.00");
|
const remainingTime = ref(60)
|
||||||
const progress = ref(100);
|
const progress = computed(() => remainingTime.value/60*100);
|
||||||
|
const countdown = computed(() => remainingTime.value.toFixed(2));
|
||||||
|
|
||||||
setInterval(() => {
|
const updateTime = () => {
|
||||||
const remaining = (props.time.getTime()-new Date().getTime())/1000;
|
remainingTime.value = Math.max(0, (props.time.getTime() - new Date().getTime()) / 1000);
|
||||||
|
if (remainingTime.value > 0) {
|
||||||
if(remaining > 0) {
|
requestAnimationFrame(() => {
|
||||||
countdown.value = remaining.toFixed(2);
|
updateTime();
|
||||||
progress.value = remaining/60*100;
|
});
|
||||||
} else {
|
|
||||||
countdown.value = "0.00";
|
|
||||||
progress.value = 0;
|
|
||||||
}
|
}
|
||||||
}, 100);
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
updateTime();
|
||||||
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
countdown,
|
countdown,
|
||||||
|
|||||||
Reference in New Issue
Block a user