skin-disease-app/src/components/DetectResult.vue

31 lines
703 B
Vue

<template>
<section class="py-1 text-center container">
<div class="row py-lg-3">
<div class="col-lg-6 col-md-8 mx-auto">
<h1 class="mb-3 text-center">Detect Result</h1>
<img
class="img-thumbnail my-2 w-25"
:src="imageUrl"
:alt="'Disease ' + diseaseName"
/>
<h3 class="my-1">{{ diseaseName }}</h3>
<p class="my-1 lead text-muted">
Trustworthiness: {{ trustworthiness }}
</p>
</div>
</div>
</section>
</template>
<script>
export default {
props: {
diseaseName: { type: String },
imageUrl: { type: String },
trustworthiness: { type: Number },
},
};
</script>
<style></style>