内容去冗余,开发咨询模块样式优化
This commit is contained in:
parent
9b67af6323
commit
81e9a09050
|
|
@ -131,7 +131,7 @@ onMounted(() => {
|
||||||
:key="category.name"
|
:key="category.name"
|
||||||
:data-wow-delay="`${300 + index * 200}ms`"
|
:data-wow-delay="`${300 + index * 200}ms`"
|
||||||
:style="`visibility: visible; animation-delay: ${300 + index * 200}ms; animation-name: fadeInDown;`"
|
:style="`visibility: visible; animation-delay: ${300 + index * 200}ms; animation-name: fadeInDown;`"
|
||||||
class="wow fadeInDown animated active mb-8 lg:mb-12">
|
class="wow fadeInDown animated active ">
|
||||||
|
|
||||||
<!-- 分类标题 -->
|
<!-- 分类标题 -->
|
||||||
<div class="flex items-center justify-between mb-5">
|
<div class="flex items-center justify-between mb-5">
|
||||||
|
|
@ -179,7 +179,7 @@ onMounted(() => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 查看全部链接 -->
|
<!-- 查看全部链接 -->
|
||||||
<div v-if="!loading && !error && newsData.length > 0" class="text-center mt-8 mb-4">
|
<div v-if="!loading && !error && newsData.length > 0" class="text-center mt-0 mb-4">
|
||||||
<a
|
<a
|
||||||
href="/article"
|
href="/article"
|
||||||
class="inline-block px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white text-base font-medium rounded-lg transition-all duration-150 ease-in-out no-underline hover:shadow-lg"
|
class="inline-block px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white text-base font-medium rounded-lg transition-all duration-150 ease-in-out no-underline hover:shadow-lg"
|
||||||
|
|
|
||||||
|
|
@ -58,15 +58,6 @@ const fetchArticles = async () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 监听分页变化
|
|
||||||
watch(page, () => {
|
|
||||||
fetchArticles()
|
|
||||||
// 滚动到顶部
|
|
||||||
window.scrollTo({ top: 0, behavior: 'smooth' })
|
|
||||||
})
|
|
||||||
|
|
||||||
// 监听查询参数变化
|
// 监听查询参数变化
|
||||||
watch(() => route.query.code, (newCode, oldCode) => {
|
watch(() => route.query.code, (newCode, oldCode) => {
|
||||||
// 当 code 参数发生变化时(包括从有值变为无值,或从一个值变为另一个值)
|
// 当 code 参数发生变化时(包括从有值变为无值,或从一个值变为另一个值)
|
||||||
|
|
|
||||||
|
|
@ -28,8 +28,6 @@
|
||||||
</UCarousel>
|
</UCarousel>
|
||||||
<img v-else src="/img/banner.png" alt="默认横幅" class="w-full">
|
<img v-else src="/img/banner.png" alt="默认横幅" class="w-full">
|
||||||
<UPageSection :ui="{container:'lg:py-0 lg:px-0' }">
|
<UPageSection :ui="{container:'lg:py-0 lg:px-0' }">
|
||||||
|
|
||||||
|
|
||||||
<!-- 服务展示区域 -->
|
<!-- 服务展示区域 -->
|
||||||
<section aria-label="服务展示" class="mb-16">
|
<section aria-label="服务展示" class="mb-16">
|
||||||
<div class="grid grid-cols-1">
|
<div class="grid grid-cols-1">
|
||||||
|
|
@ -147,16 +145,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
</UPageSection>
|
</UPageSection>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- 悬浮置顶按钮组件 -->
|
|
||||||
<ScrollToTop />
|
|
||||||
|
|
||||||
</UPage>
|
</UPage>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
// SEO优化配置
|
// SEO优化配置
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user