Update GitHubTrending.vue
This commit is contained in:
@@ -6,6 +6,7 @@
|
|||||||
<p class="repo-name">{{ repo.name }}</p>
|
<p class="repo-name">{{ repo.name }}</p>
|
||||||
<div class="star-wrap">
|
<div class="star-wrap">
|
||||||
<p class="all-stars" v-if="repo.stars">{{ repo.stars | formatStars }}</p>
|
<p class="all-stars" v-if="repo.stars">{{ repo.stars | formatStars }}</p>
|
||||||
|
<p class="new-stars" v-if="repo.newStars">↑{{ repo.newStars | formatStars }}</p>
|
||||||
</div>
|
</div>
|
||||||
<a class="repo-link" :href="repo.link">{{ repo.slug }}</a>
|
<a class="repo-link" :href="repo.link">{{ repo.slug }}</a>
|
||||||
<p class="repo-desc">{{ repo.desc }}</p>
|
<p class="repo-desc">{{ repo.desc }}</p>
|
||||||
@@ -79,6 +80,7 @@ export default {
|
|||||||
link: "https://github.com" + repo.repo,
|
link: "https://github.com" + repo.repo,
|
||||||
stars: repo.stars,
|
stars: repo.stars,
|
||||||
forks: repo.forks,
|
forks: repo.forks,
|
||||||
|
newStars: repo.change,
|
||||||
avatar: repo.build_by[0] || 'https://github.com/fluidicon.png',
|
avatar: repo.build_by[0] || 'https://github.com/fluidicon.png',
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -138,6 +140,11 @@ export default {
|
|||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
&.new-stars {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: var(--success);
|
||||||
|
opacity: var(--dimming-factor);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user