rogee/quyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ui

Browse Source
This commit is contained in:
yanghao05
2025-04-29 14:30:05 +08:00
parent dfb3d8674c
commit b9ed187274
2 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/wechat/src/views/ArticleDetail.vue
View File

@@ -128,8 +128,25 @@ onUnmounted(() => {
<source type="video/mp4" /> <source type="video/mp4" />
Your browser does not support the video tag. Your browser does not support the video tag.
</video> </video>
<div v-if="article && !article.bought" class="bg-white border-b border-gray-200 p-4">
<div class="flex items-center justify-between max-w-md mx-auto">
<div class="text-orange-600 text-2xl">
<span class="mr-2 text-xl">&yen;</span>
<span class="font-bold font-mono">
{{ (article.price / 100).toFixed(2) }}
</span>
</div>
<button @click="handleBuy" :disabled="buying"
class="bg-orange-600 text-white px-8 py-2 rounded hover:bg-orange-500 active:bg-orange-600 transition-colors disabled:opacity-50">
<span v-if="buying">处理中...</span>
<span v-else>立即购买</span>
</button>
</div>
</div>
<div class="p-4"> <div class="p-4">
<h1 class="text-2xl my-1.5">{{ article.title }}</h1> <h1 class="text-2xl my-1.5 break-all">{{ article.title }}</h1>
<div class="py-2 flex items-center gap-2"> <div class="py-2 flex items-center gap-2">
<span v-for="tag in article.tags" :key="tag" <span v-for="tag in article.tags" :key="tag"
class="px-1.5 py-0.5 text-xs bg-gray-100 text-gray-600 rounded"> class="px-1.5 py-0.5 text-xs bg-gray-100 text-gray-600 rounded">
@@ -145,18 +162,6 @@ onUnmounted(() => {
</div> </div>
</div> </div>
<div v-if="article && !article.bought" class="bg-white border-t border-gray-200 p-4">
<div class="flex items-center justify-between max-w-md mx-auto">
<div class="text-orange-600 font-bold text-xl">
¥{{ (article.price / 100).toFixed(2) }}
</div>
<button @click="handleBuy" :disabled="buying"
class="bg-orange-600 text-white px-8 py-3 rounded-full hover:bg-orange-500 active:bg-orange-600 transition-colors disabled:opacity-50">
<span v-if="buying">处理中...</span>
<span v-else>立即购买</span>
</button>
</div>
</div>
</div> </div>
</template> </template>

3
frontend/wechat/src/views/ArticleList.vue
View File

@@ -83,8 +83,7 @@ onMounted(() => {
暂无文章 暂无文章
</div> </div>
<ArticleListItem v-for="article in articles" :key="article.id" :article="{ ...article, bought: true }" <ArticleListItem v-for="article in articles" :key="article.id" :article="article" class="mb-4" />
class="mb-4" />
<div ref="loadingTrigger" class="py-4 text-center" v-show="hasMore || loading"> <div ref="loadingTrigger" class="py-4 text-center" v-show="hasMore || loading">
<div v-if="loading" <div v-if="loading"