40 lines
864 B
Vue
40 lines
864 B
Vue
<template>
|
|
<section class="py-5 text-center container">
|
|
<div class="row py-lg-5">
|
|
<div class="col-lg-6 col-md-8 mx-auto">
|
|
<h1 class="fw-light">Skin Disease Detection</h1>
|
|
<p class="lead text-muted">
|
|
Know more about your skin, before it's too late!
|
|
</p>
|
|
<p>
|
|
<button
|
|
type="button"
|
|
class="btn btn-primary my-2"
|
|
@click.prevent="onUploadClicked"
|
|
>
|
|
Upload a Image
|
|
</button>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
methods: {
|
|
onUploadClicked() {
|
|
const detectData = {
|
|
diseaseName: "Test",
|
|
trustworthiness: 0.12,
|
|
detectImageUrl: "https://www.baidu.com",
|
|
};
|
|
|
|
this.$emit("detect-responsed", detectData);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style></style>
|