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="header style1">
<div class="main main-wrap"> <div class="main main-wrap">
<div class="logo"> <div class="logo">
<a href="" target="_blank"> <a href="" target="_blank" class="link"></a>
<img src="images/logo.png" alt="">
</a>
</div> </div>
<div class="menu"> <div class="menu">
<ul class="menu-group"> <ul class="menu-group">

4
business.html
View File

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

11
common/header.html
View File

@ -1,11 +1,8 @@
<style> <style>
.section.addrcont .aacont li::before { .header.style1 .logo .link{background-image: url('images/logo.png');}
background-image: url('images/daohang.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');}
.section.story-cont .image-con .text-con {
background-image: url('images/transparent-bg.png');
}
</style> </style>
<li class="item"> <li class="item">
<a class="link active" href="/index.html" target="_blank">首页</a> <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="header style1">
<div class="main main-wrap"> <div class="main main-wrap">
<div class="logo"> <div class="logo">
<a href="" target="_blank"> <a href="" target="_blank" class="link"></a>
<img src="images/logo.png" alt="">
</a>
</div> </div>
<div class="menu"> <div class="menu">
<ul class="menu-group"> <ul class="menu-group">

10
css/style.css
View File

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

10
css/style.less
View File

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

4
detail.html
View File

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

4
index.html
View File

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

4
story.html
View File

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