dianliang/dl_site_nuxt
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改header响应式断点

Browse Source
This commit is contained in:
hejin 2025-10-21 22:02:47 +08:00
parent 2c1f533d02
commit 9fa56e1c14
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/header.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<header class="header-box d-none d-md-flex justify-content-between align-items-center"> <header class="header-box d-none d-xl-flex justify-content-between align-items-center">
<nuxt-link to="/"> <nuxt-link to="/">
<img :src="footerInfo.logo" width="265px" :alt="$t('index.corporateName')"></img> <img :src="footerInfo.logo" width="265px" :alt="$t('index.corporateName')"></img>
</nuxt-link> </nuxt-link>
@ -24,7 +24,7 @@
</div> </div>
</header> </header>
<header class="header-box-mob d-block d-md-none"> <header class="header-box-mob d-block d-xl-none">
<div class="header-top"> <div class="header-top">
<img class="mr-4" :src="footerInfo.mobileLogo" width="164px" :alt="$t('index.corporateName')"> <img class="mr-4" :src="footerInfo.mobileLogo" width="164px" :alt="$t('index.corporateName')">
<div class="search-box"> <div class="search-box">
@ -48,7 +48,7 @@
</div> </div>
</div> </div>
<nav class="mob-nav hide_scroll_bar d-flex align-items-center"> <nav class="mob-nav hide_scroll_bar d-flex align-items-center justify-content-around">
<nuxt-link <nuxt-link
class="nav-link-item d-flex align-items-center" class="nav-link-item d-flex align-items-center"
:to="item.to" :to="item.to"

1
pages/index.vue
View File

@ -89,7 +89,6 @@
</template> </template>
</b-carousel-slide> </b-carousel-slide>
</b-carousel> </b-carousel>
<!-- 这里写的不对 -->
<template v-if="hotProductList.length"> <template v-if="hotProductList.length">
<nuxt-link <nuxt-link
class="more box_shadow" class="more box_shadow"