60 lines
1.0 KiB
Vue
60 lines
1.0 KiB
Vue
<template>
|
|
<ContentPage heading="The Contact Page Heading">
|
|
|
|
<b-field label="Name">
|
|
<b-input placeholder="Your name ...">
|
|
</b-input>
|
|
</b-field>
|
|
|
|
<b-field label="Email">
|
|
<b-input placeholder="Your email ...">
|
|
</b-input>
|
|
</b-field>
|
|
|
|
<b-field label="Subject">
|
|
<b-input placeholder="Your subject ...">
|
|
</b-input>
|
|
</b-field>
|
|
|
|
<b-field label="Message">
|
|
<b-input placeholder="Your message ..."
|
|
type="textarea">
|
|
</b-input>
|
|
</b-field>
|
|
|
|
<button class="button is-success is-outlined"
|
|
@click.prevent="onSubmit"
|
|
:disabled="isDisabled">
|
|
Send
|
|
</button>
|
|
</ContentPage>
|
|
</template>
|
|
|
|
<script>
|
|
import ContentPage from '@/components/ContentPage'
|
|
|
|
export default {
|
|
name: 'HomePage',
|
|
|
|
components: {
|
|
ContentPage
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
isDisabled: false,
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
onSubmit () {
|
|
console.log('Submitting ...')
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
</style>
|
|
|