|
|
|
@ -43,7 +43,7 @@
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<details>
|
|
|
|
<details :class="{running:running}">
|
|
|
|
<summary><h2>Timer</h2></summary>
|
|
|
|
<summary><h2>Timer</h2></summary>
|
|
|
|
<button :disabled="running" @click="start">Start Timer</button>
|
|
|
|
<button :disabled="running" @click="start">Start Timer</button>
|
|
|
|
<button :disabled="!running" @click="stop">Stop Timer</button>
|
|
|
|
<button :disabled="!running" @click="stop">Stop Timer</button>
|
|
|
|
@ -77,4 +77,8 @@
|
|
|
|
label, [type="submit"] {
|
|
|
|
label, [type="submit"] {
|
|
|
|
display:block;
|
|
|
|
display:block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
details.running {
|
|
|
|
|
|
|
|
background:green;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|