|
@@ -46,11 +46,16 @@ const navs = [
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-.top-navbar {
|
|
|
- width: 100%;
|
|
|
- height: 102px;
|
|
|
+.top-box{
|
|
|
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08);
|
|
|
background: rgba(255, 255, 255, 0.05);
|
|
|
+}
|
|
|
+.top-navbar {
|
|
|
+ width: 1480px;
|
|
|
+ height: 102px;
|
|
|
+ margin: auto;
|
|
|
+ // box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08);
|
|
|
+ // background: rgba(255, 255, 255, 0.05);
|
|
|
padding: 30px 80px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -83,14 +88,16 @@ const navs = [
|
|
|
}
|
|
|
|
|
|
.navbar-center {
|
|
|
+ width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ justify-content: center;
|
|
|
gap: 24px;
|
|
|
.nav-item {
|
|
|
color: #111;
|
|
|
font-size: 18px;
|
|
|
cursor: pointer;
|
|
|
- padding: 6px 20px;
|
|
|
+ // padding: 6px 20px;
|
|
|
border-radius: 6px;
|
|
|
font-weight: 500;
|
|
|
transition: background 0.2s, color 0.2s;
|
|
@@ -115,7 +122,7 @@ const navs = [
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
gap: 18px;
|
|
|
- margin-left: 32px;
|
|
|
+ // margin-left: 32px;
|
|
|
.lang {
|
|
|
font-size: 18px;
|
|
|
font-weight: 700;
|