mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 15:51:01 +08:00
Styles for the other articles.
This commit is contained in:
parent
7ad8caeed8
commit
0298a5ae90
@ -89,34 +89,23 @@ watch(
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="flex flex-col gap-3 text-left">
|
||||
<h1 class="text-4xl font-bold m-3 text-left" ref="orgNameAnimation">
|
||||
{{ fetchNewsOrgInfo?.title }}
|
||||
</h1>
|
||||
<span class="text-ms m-1 mt-5 text-left text-wrap">{{
|
||||
fetchNewsOrgInfo?.description
|
||||
}}</span>
|
||||
<div
|
||||
class="gap-[3px] flex flex-row text-center align-center justify-center"
|
||||
>
|
||||
<a
|
||||
:href="fetchNewsOrgInfo?.website"
|
||||
target="_blank"
|
||||
v-if="fetchNewsOrgInfo?.website"
|
||||
class="text-gray-800 hover:text-gray-500 transiton-all duration-150 flex flex-row"
|
||||
><GlobeAltIcon class="w-6 h-6" />網站</a
|
||||
>
|
||||
<a
|
||||
:href="fetchNewsOrgInfo?.facebook"
|
||||
target="_blank"
|
||||
v-if="fetchNewsOrgInfo?.facebook"
|
||||
class="text-gray-800 hover:text-gray-500 transiton-all duration-150 flex flex-row"
|
||||
><Facebook class="w-6 h-6" />Facebook
|
||||
</a>
|
||||
<div
|
||||
class="flex flex-row bg-gray-400/70 rounded-3xl p-3 gap-3 m-3 scale-5"
|
||||
>
|
||||
<div class="flex flex-col gap-3 text-left">
|
||||
<h1 class="text-4xl font-bold m-2 text-center" ref="orgNameAnimation">
|
||||
{{ fetchNewsOrgInfo?.title }}
|
||||
</h1>
|
||||
<span class="text-ms m-1 mt-5 text-left text-wrap">{{
|
||||
fetchNewsOrgInfo?.description
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div v-for="item in fetchNewsOrgInfo?.articles">
|
||||
<div
|
||||
v-for="item in fetchNewsOrgInfo?.articles"
|
||||
class="p-1 bg-gray-300/70 rounded m-1"
|
||||
>
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user