corona-risikoabschaetzungs-app/covidassist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

implemented questionmair

Browse source
This commit is contained in:
thilo 2020-03-21 16:19:14 +01:00
parent 2d012177be
commit 7f88fdcd6c
4 changed files with 43 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width">
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap" rel="stylesheet">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>

4
src/App.vue
View file

@ -40,6 +40,10 @@
color: #FFFFFF; color: #FFFFFF;
} }
button.alert {
background-color: #E94A47;
}
body { body {
background-color: #FCF7F8; background-color: #FCF7F8;
color: #0B2545; color: #0B2545;

21
src/components/Question.vue Normal file
View file

@ -0,0 +1,21 @@
<template>
<div class="question">
<p>{{ question }}</p>
<button v-bind:key="answer" v-for="answer in answers">{{ answer }}</button>
<router-link to="/questionmaire"><button class="alert">Ich brauche Hilfe zu dieser Frage</button></router-link>
</div>
</template>
<script>
export default {
name: "Question",
props: {
question: String,
answers: Array
}
}
</script>
<style scoped>
</style>

17
src/views/Questionnaire.vue Normal file
View file

@ -0,0 +1,17 @@
<template>
<div class="questionmaire">
<Question question="Frage" v-bind:answers="['Antwort 1', 'Antwort 2', 'Antwort 3']"></Question>
</div>
</template>
<script>
import Question from "@/components/Question";
export default {
name: "Questionnaire",
components: {Question}
}
</script>
<style scoped>
</style>