gxwebsoft/template-10490
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成适配移动端

Browse Source
This commit is contained in:
赵忠林
2025-02-22 22:11:19 +08:00
parent 98758e89e2
commit 1f79c93859
62 changed files with 549 additions and 2973 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/NextArticle.vue
View File

@@ -29,24 +29,16 @@ nextArticle.value = await getNext({
</script>
<template>
<div class="flex justify-between my-3 gap-4">
<nuxt-link :to="previousArticle ? detail(previousArticle) : ''" class="w-[50%] flex flex-col justify-center p-4 border-1 border-solid border-gray-300 rounded-lg cursor-pointer hover:bg-gray-50">
<div class="flex justify-between flex-col sm:flex-row my-3 gap-4">
<nuxt-link :to="previousArticle ? detail(previousArticle) : ''" class="w-auto sm:w-[50%] flex flex-col justify-center p-4 border-1 border-solid border-gray-300 rounded-lg cursor-pointer hover:bg-gray-50">
<span class="text-lg text-gray-800">{{ previousArticle?.title || '没有了' }}</span>
<span class="text-gray-400">{{ $t('previous') }}</span>
</nuxt-link>
<nuxt-link :to="nextArticle ? detail(nextArticle) : ''" class="w-[50%] flex flex-col justify-center p-4 border-1 border-solid border-gray-300 rounded-lg cursor-pointer hover:bg-gray-50">
<nuxt-link :to="nextArticle ? detail(nextArticle) : ''" class="w-auto sm:w-[50%] flex flex-col justify-center p-4 border-1 border-solid border-gray-300 rounded-lg cursor-pointer hover:bg-gray-50">
<span class="text-lg text-gray-800">{{ nextArticle?.title || '没有了' }}</span>
<span class="text-gray-400">{{ $t('next') }}</span>
</nuxt-link>
</div>
<!-- <div class="page flex flex-col">-->
<!-- <span class="text-left">-->
<!-- {{ $t('previous') }}：<a :href="detail(previousArticle)">{{ previousArticle?.title }}</a>-->
<!-- </span>-->
<!-- <span class="text-left">-->
<!-- {{ $t('next') }}：<a :href="detail(nextArticle)">{{ nextArticle?.title }}</a>-->
<!-- </span>-->
<!-- </div>-->
</template>
<style scoped lang="scss">