From 0face36fd79ce30127c80d131b1bc41106133f3b Mon Sep 17 00:00:00 2001 From: guonan <guonan201020@163.com> Date: 星期三, 16 四月 2025 09:49:59 +0800 Subject: [PATCH] 修改样式 --- src/assets/css/navigation.css | 106 +++++++++++++++++++++++++++++----------------------- 1 files changed, 59 insertions(+), 47 deletions(-) diff --git a/src/assets/css/navigation.css b/src/assets/css/navigation.css index faa2aba..d3689ad 100644 --- a/src/assets/css/navigation.css +++ b/src/assets/css/navigation.css @@ -1,89 +1,101 @@ .navigation { - height: 65px; - width: 989px; - position: absolute; - bottom: 40px; - left: calc(50% - 494px); + height: 65px; + width: 989px; + position: absolute; + bottom: 40px; + left: calc(50% - 494px); } .navigation-bg { - background: url("@/assets/img/navigation/navigationbg.png"); - background-size: 100% 100%; - width: 989px; - height: 28px; - position: absolute; - bottom: 0px; - left: 0px; + background: url("@/assets/img/navigation/navigationbg.png"); + background-size: 100% 100%; + width: 989px; + height: 28px; + position: absolute; + bottom: 0px; + left: 0px; } .navigation-content { - /* 浣跨敤 flex 甯冨眬 */ - display: flex; - /* 浣垮瓙鍏冪礌姘村钩绛夐棿闅斿垎甯� */ - justify-content: space-between; - position: absolute; - top: 0px; - left: calc(50% - 350px); - float: left; - width: 700px; - margin: auto; - z-index: 1; + /* 浣跨敤 flex 甯冨眬 */ + display: flex; + /* 浣垮瓙鍏冪礌姘村钩绛夐棿闅斿垎甯� */ + justify-content: space-between; + position: absolute; + top: 0px; + left: calc(50% - 350px); + float: left; + width: 700px; + margin: auto; + z-index: 1; +} +.navigation-contents { + /* 浣跨敤 flex 甯冨眬 */ + display: flex; + /* 浣垮瓙鍏冪礌姘村钩绛夐棿闅斿垎甯� */ + justify-content: center; + position: absolute; + top: 0px; + left: calc(50% - 350px); + float: left; + width: 700px; + margin: auto; + z-index: 1; } .navigation-item { - float: left; + float: left; - color: #CDF3FD; - cursor: pointer; - width: 149px; - height: 51px; + color: #cdf3fd; + cursor: pointer; + width: 149px; + height: 51px; - line-height: 46px; - text-align: center; - font-size: 18px; - font-weight: bold; - text-indent: 40px; + line-height: 46px; + text-align: center; + font-size: 18px; + font-weight: bold; + text-indent: 40px; } .bg1 { - background: url("@/assets/img/navigation/buttonbg1.png"); + background: url("@/assets/img/navigation/buttonbg1.png"); } .bg2 { - background: url("@/assets/img/navigation/buttonbg2.png"); + background: url("@/assets/img/navigation/buttonbg2.png"); } .bg3 { - background: url("@/assets/img/navigation/buttonbg3.png"); + background: url("@/assets/img/navigation/buttonbg3.png"); } .bg4 { - background: url("@/assets/img/navigation/buttonbg4.png"); + background: url("@/assets/img/navigation/buttonbg4.png"); } - .bg1:hover { - background: url("@/assets/img/navigation/buttonbgac1.png"); + background: url("@/assets/img/navigation/buttonbgac1.png"); } .bg1-active { - background: url("@/assets/img/navigation/buttonbgac1.png"); + background: url("@/assets/img/navigation/buttonbgac1.png"); } .bg2:hover { - background: url("@/assets/img/navigation/buttonbgac2.png"); + background: url("@/assets/img/navigation/buttonbgac2.png"); } .bg2-active { - background: url("@/assets/img/navigation/buttonbgac2.png"); + background: url("@/assets/img/navigation/buttonbgac2.png"); } .bg3:hover { - background: url("@/assets/img/navigation/buttonbgac3.png"); + background: url("@/assets/img/navigation/buttonbgac3.png"); } -.bg3-active{ - background: url("@/assets/img/navigation/buttonbgac3.png"); +.bg3-active { + background: url("@/assets/img/navigation/buttonbgac3.png"); } .bg4:hover { - background: url("@/assets/img/navigation/buttonbgac4.png"); + background: url("@/assets/img/navigation/buttonbgac4.png"); } .bg4-active { - background: url("@/assets/img/navigation/buttonbgac4.png"); + background: url("@/assets/img/navigation/buttonbgac4.png"); } -- Gitblit v1.9.3