Ma/GoFilm
1
0
Fork 0
mirror of https://github.com/ProudMuBai/GoFilm.git synced 2026-04-28 05:17:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

test carousel

Browse Source
This commit is contained in:
mubai
2024-02-21 23:44:54 +08:00
parent 53a243a4fb
commit 93b9855f52
16 changed files with 807 additions and 492 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
client/src/components/index/Header.vue
View File

@@ -13,10 +13,12 @@
</div>
<!--右侧顶级分类导航 -->
<div class="nav_right">
<a href="/">首页</a>
<template v-for="n in data.nav">
<a :href="`/filmClassify?Pid=${n.id}`">{{ n.name }}</a>
</template>
<div class="nav_link">
<a href="/">首页</a>
<template v-for="n in data.nav">
<a :href="`/filmClassify?Pid=${n.id}`">{{ n.name }}</a>
</template>
</div>
<div class="history-link hidden-md-and-down" v-on:mouseenter="handleHistory(true)"
v-on:mouseleave="handleHistory(false)">
<a :href="`/filmClassify?Pid=${nav.variety.id}`">
@@ -137,19 +139,31 @@ onMounted(() => {
@media (max-width: 768px) {
.nav_right {
display: flex;
width: 100%;
justify-content: space-between;
/*display: none!important;*/
height: 40px;
}
.nav_right a {
.nav_link {
display: flex;
justify-content: space-between;
height: 40px;
width: 90%;
overflow-y: scroll;
}
.nav_link a {
white-space: nowrap;
color: #ffffff;
flex-basis: calc(19% - 5px);
padding: 0 10px;
line-height: 40px;
/*border-radius: 5px;*/
/*border: 1px solid rebeccapurple;*/
}
.nav_right .hidden-md-and-up {
color: #ffffff;
flex-basis: calc(19% - 5px);
padding: 0 10px;
line-height: 40px;
}
.nav_right a:hover {
color: #ffffff;
@@ -245,7 +259,7 @@ onMounted(() => {
flex-direction: row;
}
.nav_right > a {
.nav_right a {
min-width: 60px;
height: 40px;
line-height: 40px;