topnuomi
/
zxf
mirror of https://gitee.com/topnuomi/zxf
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

新增头部logo切换效果

This commit is contained in:
TOP糯米 2023-10-12 11:31:59 +08:00
parent f01631fa7b
commit 9896fa329a
9 changed files with 24 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
about.html
View File

@ -22,9 +22,7 @@
<div class="header style1">
<div class="main main-wrap">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
<a href="" target="_blank" class="link"></a>
</div>
<div class="menu">
<ul class="menu-group">

4
business.html
View File

@ -22,9 +22,7 @@
<div class="header style1">
<div class="main main-wrap">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
<a href="" target="_blank" class="link"></a>
</div>
<div class="menu">
<ul class="menu-group">

11
common/header.html
View File

@ -1,11 +1,8 @@
<style>
.section.addrcont .aacont li::before {
background-image: url('images/daohang.png');
}
.section.story-cont .image-con .text-con {
background-image: url('images/transparent-bg.png');
}
.header.style1 .logo .link{background-image: url('images/logo.png');}
.header.style2 .logo .link{background-image: url('images/logo-contact.png');}
.section.addrcont .aacont li::before {background-image: url('images/daohang.png');}
.section.story-cont .image-con .text-con {background-image: url('images/transparent-bg.png');}
</style>
<li class="item">
<a class="link active" href="/index.html" target="_blank">首页</a>

4
contact.html
View File

@ -22,9 +22,7 @@
<div class="header style1">
<div class="main main-wrap">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
<a href="" target="_blank" class="link"></a>
</div>
<div class="menu">
<ul class="menu-group">

10
css/style.css
View File

@ -103,8 +103,12 @@
.header .logo {
font-size: 0;
}
.header .logo img {
height: 0.5rem;
.header .logo .link {
display: block;
width: 1.54rem;
height: 0.51rem;
background-repeat: no-repeat;
background-size: contain;
}
.header .menu .menu-group {
display: flex;
@ -472,7 +476,7 @@
height: 5.2rem;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-size: contain;
}
.section.contact-map .title h1 {
font-size: 0.36rem;

10
css/style.less
View File

@ -132,8 +132,12 @@
.logo {
font-size: 0;
img {
height: 0.5rem;
.link {
display: block;
width: 1.54rem;
height: 0.51rem;
background-repeat: no-repeat;
background-size: contain;
}
}
@ -598,7 +602,7 @@
height: 5.2rem;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-size: contain;
}
.title {

4
detail.html
View File

@ -22,9 +22,7 @@
<div class="header style1">
<div class="main main-wrap">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
<a href="" target="_blank" class="link"></a>
</div>
<div class="menu">
<ul class="menu-group">

4
index.html
View File

@ -22,9 +22,7 @@
<div class="header style1">
<div class="main main-wrap">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
<a href="" target="_blank" class="link"></a>
</div>
<div class="menu">
<ul class="menu-group">

4
story.html
View File

@ -22,9 +22,7 @@
<div class="header style1">
<div class="main main-wrap">
<div class="logo">
<a href="" target="_blank">
<img src="images/logo.png" alt="">
</a>
<a href="" target="_blank" class="link"></a>
</div>
<div class="menu">
<ul class="menu-group">