提交 ddee5c1d authored 作者: 王鹏飞's avatar 王鹏飞

chore: update

上级 69e79664
...@@ -194,7 +194,7 @@ const items = [ ...@@ -194,7 +194,7 @@ const items = [
color: #fff; color: #fff;
padding: 40px 0; padding: 40px 0;
display: flex; display: flex;
gap: 60px; gap: 120px;
a:hover { a:hover {
color: #fff; color: #fff;
} }
......
...@@ -16,7 +16,7 @@ const navList = ref([ ...@@ -16,7 +16,7 @@ const navList = ref([
path: '/#school', path: '/#school',
items: [ items: [
{ {
name: 'AI教学基础', name: 'AI教学基础设施',
items: [ items: [
{ name: '人工智能基础:数据分析通识课', href: '/bi' }, { name: '人工智能基础:数据分析通识课', href: '/bi' },
{ name: '人工智能应用通识课', href: '/ai' }, { name: '人工智能应用通识课', href: '/ai' },
...@@ -464,27 +464,25 @@ const onDropdownLeave = () => { ...@@ -464,27 +464,25 @@ const onDropdownLeave = () => {
position: absolute; position: absolute;
left: 0; left: 0;
top: 90px; top: 90px;
padding: 0; padding: 20px;
background: #fff; background: #fff;
box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
border-radius: 12px; border-radius: 12px;
border: 1px solid #d5d5d5; border: 1px solid #d5d5d5;
width: max-content; width: max-content;
transition: opacity 0.3s ease; /* 移除非宽度的 transition,防止动画跳动 */ transition: opacity 0.3s ease; /* 移除非宽度的 transition,防止动画跳动 */
gap: 30px;
.level2-box { .level2-box {
width: 240px; width: 240px;
padding: 20px 10px;
flex-shrink: 0; flex-shrink: 0;
border-radius: 12px 0 0 12px;
} }
.level3-box { .level3-box {
min-width: 300px;
width: max-content; width: max-content;
flex-shrink: 0; flex-shrink: 0;
border-left: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;
padding: 20px 40px 20px 30px; padding: 10px 50px 10px 50px;
border-radius: 0 12px 12px 0;
} }
/* 每个项样式 */ /* 每个项样式 */
...@@ -493,8 +491,7 @@ const onDropdownLeave = () => { ...@@ -493,8 +491,7 @@ const onDropdownLeave = () => {
z-index: 1; z-index: 1;
width: 100%; width: 100%;
padding: 0; padding: 0;
margin-bottom: 4px; border-radius: 12px;
border-radius: 8px;
/* 左侧标题样式 */ /* 左侧标题样式 */
&-title { &-title {
...@@ -538,12 +535,11 @@ const onDropdownLeave = () => { ...@@ -538,12 +535,11 @@ const onDropdownLeave = () => {
} }
&-item-children { &-item-children {
font-size: 14px;
line-height: 30px; line-height: 30px;
ul li { ul li {
white-space: nowrap; white-space: nowrap;
line-height: 36px;
font-size: 15px;
&:hover a { &:hover a {
color: var(--main-color); color: var(--main-color);
} }
......
...@@ -41,7 +41,7 @@ const swiperOption = { ...@@ -41,7 +41,7 @@ const swiperOption = {
} }
const data = [ const data = [
{ web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/next/banner1.jpg' }, { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/next/banner1.jpg' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/next/banner2.jpg' }, { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/next/banner2.jpg?v=1' },
{ web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/next/banner3.jpg' }, { web_img_uri: 'https://webapp-pub.ezijing.com/www/pc/next/banner3.jpg' },
] ]
// 使用 useAsyncData 进行服务端渲染 // 使用 useAsyncData 进行服务端渲染
......
...@@ -86,6 +86,7 @@ const rows = [ ...@@ -86,6 +86,7 @@ const rows = [
{ name: '信息安全实验室', href: '/platform/new-engineering/3' }, { name: '信息安全实验室', href: '/platform/new-engineering/3' },
], ],
className: 'home-school-box-new-engineering', className: 'home-school-box-new-engineering',
watermark: '新工科',
}, },
{ {
icon: 10, icon: 10,
...@@ -97,6 +98,7 @@ const rows = [ ...@@ -97,6 +98,7 @@ const rows = [
{ name: 'AIGC融媒体实验室', href: '/competition' }, { name: 'AIGC融媒体实验室', href: '/competition' },
{ name: 'AIGC网络主播实验室', href: '/competition' }, { name: 'AIGC网络主播实验室', href: '/competition' },
], ],
watermark: '新商科',
}, },
{ {
icon: 11, icon: 11,
...@@ -107,6 +109,7 @@ const rows = [ ...@@ -107,6 +109,7 @@ const rows = [
{ name: '低空文旅', href: '/platform/dk' }, { name: '低空文旅', href: '/platform/dk' },
{ name: '低空物流', href: '/platform/dk' }, { name: '低空物流', href: '/platform/dk' },
], ],
watermark: '低空经济',
}, },
], ],
}, },
...@@ -215,14 +218,14 @@ const rows = [ ...@@ -215,14 +218,14 @@ const rows = [
.home-school-row:nth-child(odd) { .home-school-row:nth-child(odd) {
.home-school-col:nth-child(odd) { .home-school-col:nth-child(odd) {
.home-school-box { .home-school-box {
background-color: #bec3ce; background-color: #c6cbd8;
} }
} }
.home-school-col:nth-child(even) { .home-school-col:nth-child(even) {
.home-school-box { .home-school-box {
padding: 12px; padding: 12px;
background-color: #dee2ea; background-color: #e4e9f4;
} }
} }
} }
...@@ -230,7 +233,7 @@ const rows = [ ...@@ -230,7 +233,7 @@ const rows = [
.home-school-row:nth-child(even) { .home-school-row:nth-child(even) {
.home-school-col:nth-child(odd) { .home-school-col:nth-child(odd) {
.home-school-box { .home-school-box {
background-color: #dbd0d1; background-color: #e6d9db;
} }
} }
...@@ -321,11 +324,11 @@ const rows = [ ...@@ -321,11 +324,11 @@ const rows = [
.home-school-box-watermark { .home-school-box-watermark {
position: absolute; position: absolute;
right: 0; right: 5px;
bottom: 0; bottom: 0;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: bold; font-weight: bold;
font-size: 48px; font-size: 40px;
color: #dbd4d0; color: #dbd4d0;
line-height: 1; line-height: 1;
opacity: 0.2; opacity: 0.2;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论