Add link for NewsAlbumItem

This commit is contained in:
2022-04-30 21:47:45 +08:00
parent 426bd21b97
commit 4024d63f26
4 changed files with 16 additions and 9 deletions

View File

@ -2,16 +2,14 @@
<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>
<h1 class="mb-3 text-center">检测结果</h1>
<img
class="img-thumbnail my-2 w-25"
class="img-thumbnail my-2 w-50"
:src="imageUrl"
:alt="'Disease ' + diseaseName"
/>
<h3 class="my-1">{{ diseaseName }}</h3>
<p class="my-1 lead text-muted">
Trustworthiness: {{ trustworthiness }}
</p>
<p class="my-1 lead text-muted">置信度: {{ trustworthiness }}</p>
</div>
</div>
</section>

View File

@ -7,6 +7,7 @@
v-for="n in NewsList"
:key="n.id"
:id="n.id"
:link="n.link"
:title="n.title"
:abstract="n.abstract"
:image="n.image"

View File

@ -12,9 +12,12 @@
<p class="card-text">{{ NewsAbstract }}</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">
Read More...
</button>
<a
:href="NewsLink"
class="btn btn-sm btn-outline-secondary"
target="_blank"
>Read More...</a
>
</div>
<small class="text-muted">{{ NewsMinutesToRead }} mins</small>
</div>
@ -28,6 +31,7 @@ export default {
data() {
return {
NewsId: this.id,
NewsLink: this.link,
NewsTitle: this.title,
NewsImage: this.image,
NewsAbstract: this.abstract,
@ -36,6 +40,7 @@ export default {
},
props: {
id: { type: Number },
link: { type: String },
title: { type: String },
image: { type: String },
abstract: { type: String },