Added button to test kiosk's touchscreen (#17)

src/components/sec.vue

@@ -25,11 +25,26 @@
  </el-col>
  </el-row>
  </el-col>
+ <el-button
+ id="touchscreen-test-button"
+ @click="testTouchscreen"
+ ></el-button>
  </el-row>
 </template>
 
 <script>
-export default {}
+export default {
+ methods: {
+ testTouchscreen () {
+ const btn = document.getElementById('touchscreen-test-button')
+ if (btn.style.background === 'orange') {
+ btn.style.background = 'none'
+ } else {
+ btn.style.background = 'orange'
+ }
+ }
+ }
+}
 </script>
 
 <style scoped lang="scss">
@@ -108,4 +123,17 @@ video {
  background: $--color-white;
  color: $--color-black;
 }
+
+#touchscreen-test-button {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 10;
+ margin: 0;
+ padding: 0;
+ height: 100px;
+ width: 100px;
+ border: 1px solid rgba(193, 193, 193, 0.2);
+ background: none;
+}
 </style>