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

chore: update

上级 579b75c1
......@@ -16,11 +16,7 @@ defineProps({
</template>
<template v-else-if="type === 2">
<h4>联系我们</h4>
<p>
联系人:冯老师
<br />
联系电话:13522642018(微信同号)
</p>
<p>联系人:郝老师<br />联系电话:18501003911(微信同号)</p>
</template>
<template v-else>
<h4>联系我们</h4>
......
......@@ -7,15 +7,15 @@ const items = [
items: [
{
name: 'AI教学基础层',
href: '',
href: '/ai',
},
{
name: 'AI专业建设中心',
href: '',
href: '/platform',
},
{
name: '解决方案中心',
href: '',
href: 'solution/ai',
},
{
name: '职业技能中心',
......@@ -23,7 +23,7 @@ const items = [
},
{
name: '学习服务中心',
href: '',
href: 'https://saas-learn.ezijing.com',
},
],
},
......
......@@ -46,42 +46,45 @@ const navList = [
{
name: '解决方案',
items: [
{ name: 'AI+专业改造', href: '/digital/yx_3' },
{ name: '新双高建设', href: '/platform' },
{ name: '应用型本科', href: '' },
{ name: 'AI+专业改造', href: '/solution/ai' },
{ name: '新双高建设', href: '/solution/new-double-high' },
{ name: '应用型本科', href: '/solution/applied-undergraduate' },
{ name: '产教融合实训基地', href: '/digital/base' },
{ name: '国赛/省赛/行业赛', href: '/competition' },
{ name: '国际合作', href: '/international' },
{ name: '国际合作', href: '/solution/international' },
],
},
{
name: 'AI专业建设',
items: [
groupItems: [
{
name: '新工科',
href: '/platform',
items: [
{ name: '大数据实验室', href: '/digital/yx_1_3' },
{ name: '网络安全实验室', href: '/digital/yx_1_4' },
{ name: '人工智能开发实验室', href: '/digital/yx_1_5' },
{ name: '物联网实验室', href: '/digital/yx_1_6' },
{ name: '信息安全实验室', href: '/digital/yx_1_7' },
{ name: '大数据实验室', href: '/platform/new-engineering/1' },
{ name: '网络安全实验室', href: '/platform/new-engineering/4' },
{ name: '人工智能开发实验室', href: '/platform/new-engineering/2' },
{ name: '物联网实验室', href: '/platform/new-engineering/5' },
{ name: '信息安全实验室', href: '/platform/new-engineering/3' },
],
},
{
name: '新商科',
href: '/platform',
items: [
{ name: 'AIGC智能营销实验室', href: '/competition' },
{ name: 'AIGC金融工程智能创新实验室', href: '/competition' },
{ name: 'AIGC融媒体实验室', href: '/competition' },
{ name: 'AIGC网络主播实验室', href: '/competition' },
{ name: 'AIGC智能营销实验室', href: '/platform/new-business-studies/3' },
{ name: 'AIGC金融工程智能创新实验室', href: '/platform/new-business-studies/4' },
{ name: 'AIGC融媒体实验室', href: '/platform/new-business-studies/5' },
{ name: 'AIGC网络主播实验室', href: '/platform/new-business-studies/6' },
],
},
{
name: '低空经济',
href: '/platform/dk',
items: [
{ name: '低空技术', href: '/competition' },
{ name: '低空文旅', href: '/competition' },
{ name: '低空物流', href: '/competition' },
{ name: '低空技术', href: '/platform/dk' },
{ name: '低空文旅', href: '/platform/dk' },
{ name: '低空物流', href: '/platform/dk' },
],
},
],
......@@ -89,8 +92,8 @@ const navList = [
{
name: 'AI教学基础层',
items: [
{ name: '人工智能基础:数据分析通识课', href: '/digital/yx_1_3' },
{ name: '人工智能应用通识课', href: '/digital/yx_1_4' },
{ name: '人工智能基础:数据分析通识课', href: '/bi' },
{ name: '人工智能应用通识课', href: '/ai' },
{ name: '数字教材', href: '/book' },
{ name: '个性化智能学习平台', href: 'https://saas-learn.ezijing.com/' },
{ name: '紫荆e-SaaS', href: 'https://e-saas.ezijing.com/' },
......@@ -238,7 +241,7 @@ const toggleLocale = () => {
const handleLogin = () => {
window.open(
runtimeConfig.public.loginURL + '/login/index?redirect_uri=' + encodeURIComponent(location.href),
'_blank'
'_blank',
)
}
......@@ -303,7 +306,7 @@ const handleSearch = () => {
<NuxtLink :to="item.href" target="_blank">{{ item.name }}</NuxtLink>
</li>
</ul>
<div class="group" v-if="subitem.groupItems">
<div :class="{ group: subitem.groupItems.length > 3 }" v-if="subitem.groupItems">
<dl
class="nav-item-full-box-content-item-group"
v-for="groupItem in subitem.groupItems"
......@@ -574,6 +577,8 @@ const handleSearch = () => {
gap: 20px;
}
dt {
// min-width: 54px;
text-align-last: justify;
font-weight: bold;
color: var(--main-color);
white-space: nowrap;
......
<script setup>
defineProps({
name: { type: Number, required: true },
})
</script>
<template>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="41"
height="41.044"
viewBox="0 0 41 41.044"
v-if="name == 1">
<defs>
<clipPath id="a"><rect fill="currentColor" width="41" height="41.044" /></clipPath>
</defs>
<g transform="translate(113 -10.89)">
<g transform="translate(-113 10.89)">
<g clip-path="url(#a)" transform="translate(0 0)">
<path
fill="currentColor"
d="M11.215,128.43H6.332A2.436,2.436,0,0,0,3.9,130.866v12.622a1.217,1.217,0,0,0,1.218,1.222,1.2,1.2,0,0,0,.68-.212l2.293-1.547a1.265,1.265,0,0,1,1.445,0l2.194,1.51a1.2,1.2,0,0,0,.688.219,1.218,1.218,0,0,0,1.222-1.222V130.866a2.436,2.436,0,0,0-2.425-2.436Zm.241,13.167-.666-.457a3.456,3.456,0,0,0-3.936,0l-.761.512V130.866a.242.242,0,0,1,.238-.241h4.883a.245.245,0,0,1,.241.241Zm0,0"
transform="translate(1.946 -122.552)" />
<path
fill="currentColor"
d="M-78.008,11.41h-29.26a5.852,5.852,0,0,0-5.852,5.852v29.26a5.852,5.852,0,0,0,1.714,4.138,5.852,5.852,0,0,0,4.138,1.714h17.483a12.516,12.516,0,0,1-2.071-16.956,12.516,12.516,0,0,1,16.774-3.23,12.76,12.76,0,0,1,2.926,2.56V17.262a5.852,5.852,0,0,0-1.714-4.138,5.852,5.852,0,0,0-4.138-1.714Zm3.658,18.653a14.707,14.707,0,0,0-17.816,2.3,14.707,14.707,0,0,0-2.3,17.816h-12.8a3.658,3.658,0,0,1-3.658-3.658V17.262a3.657,3.657,0,0,1,3.658-3.658h29.26a3.657,3.657,0,0,1,2.586,1.071,3.657,3.657,0,0,1,1.071,2.586Zm0,0"
transform="translate(113.114 -11.384)" />
</g>
</g>
<path
fill="currentColor"
d="M331.786,448.984a7.4,7.4,0,1,1-7.4,7.4,7.4,7.4,0,0,1,7.4-7.4m0-2.195a9.594,9.594,0,1,0,6.787,2.81,9.6,9.6,0,0,0-6.787-2.81Zm0,0"
transform="translate(-413.425 -414.1)" />
<path
fill="currentColor"
d="M468.7,541.743l3.376-3.424L468.7,534.9a1.031,1.031,0,0,1-.234-.366,1.145,1.145,0,0,1-.08-.41,1.094,1.094,0,0,1,.08-.4.967.967,0,0,1,.234-.366,1.028,1.028,0,0,1,1.5,0l4.082,4.137a1.14,1.14,0,0,1,.245.366,1.367,1.367,0,0,1,.1.442,1.142,1.142,0,0,1-.059.432.7.7,0,0,1-.223.34l-4.148,4.191a1.06,1.06,0,0,1-1.5,0,1,1,0,0,1-.234-.366,1.145,1.145,0,0,1-.08-.41,1.092,1.092,0,0,1,.08-.4,1,1,0,0,1,.234-.366Zm0,0"
transform="translate(-620.105 513.784) rotate(-90)" />
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="43.145"
height="43.202"
viewBox="0 0 43.145 43.202"
v-if="name == 2">
<defs>
<clipPath id="a"><rect fill="currentColor" width="43.144" height="43.202" /></clipPath>
</defs>
<g transform="translate(61 -62.89)">
<g transform="translate(-61 62.89)">
<g clip-path="url(#a)" transform="translate(0)">
<path
fill="currentColor"
d="M-36.349,82.079A9.244,9.244,0,0,0-27.1,72.835a9.244,9.244,0,0,0-9.244-9.244,9.244,9.244,0,0,0-9.244,9.244,9.244,9.244,0,0,0,9.244,9.244Zm0-15.419a6.177,6.177,0,0,1,6.177,6.177,6.177,6.177,0,0,1-6.177,6.177,6.177,6.177,0,0,1-6.177-6.177,6.177,6.177,0,0,1,6.177-6.177Zm-9.244,15.419a8.917,8.917,0,0,0,1.041-.1,12.318,12.318,0,0,1-2.514-3.158,6.163,6.163,0,0,1-4.7-5.978,6.163,6.163,0,0,1,4.7-5.978A12.309,12.309,0,0,1-44.551,63.7a7.737,7.737,0,0,0-1.041-.111,9.244,9.244,0,0,0-9.244,9.244,9.244,9.244,0,0,0,9.244,9.244Zm-1.741,3.257A15.354,15.354,0,0,0-61,100.568a1.541,1.541,0,0,0,1.541,1.541,1.541,1.541,0,0,0,1.541-1.541,12.281,12.281,0,0,1,6.024-10.541,17.838,17.838,0,0,1,4.56-4.69Zm19.058,5.987h4.182a15.332,15.332,0,0,0-12.258-6.163,15.407,15.407,0,0,0-15.407,15.407,1.541,1.541,0,0,0,1.541,1.541,1.541,1.541,0,0,0,1.541-1.541A12.325,12.325,0,0,1-36.352,88.242a12.214,12.214,0,0,1,8.076,3.081Zm10.156,5.358a1.516,1.516,0,0,0-1.282-.736c-.034,0-.062.018-.092.018-.046,0-.089-.022-.136-.018h-4.394a1.541,1.541,0,0,0-1.541,1.541,1.541,1.541,0,0,0,1.541,1.541h.752l-3.858,3.861-6.493-6.5a1.6,1.6,0,0,0-1.208-.456,1.578,1.578,0,0,0-1.189.453l-7.593,7.6a1.6,1.6,0,0,0,.043,2.212,1.6,1.6,0,0,0,2.212.043l6.514-6.511,6.5,6.505a1.584,1.584,0,0,0,1.208.456,1.587,1.587,0,0,0,1.208-.456l4.98-4.98v.854a1.541,1.541,0,0,0,1.541,1.541,1.541,1.541,0,0,0,1.541-1.541V97.486a1.487,1.487,0,0,0-.259-.8Zm0,0"
transform="translate(61 -63.549)" />
</g>
</g>
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="44.306"
height="42.823"
viewBox="0 0 44.306 42.823"
v-if="name == 3">
<defs>
<clipPath id="a"><rect fill="currentColor" width="44.306" height="42.823" /></clipPath>
</defs>
<g transform="translate(61 -74.89)">
<g transform="translate(-61 74.89)">
<g clip-path="url(#a)" transform="translate(0 0)">
<path
fill="currentColor"
d="M-59.418,93.532a1.582,1.582,0,0,1,1.571,1.4l.011.185v13.723a1.582,1.582,0,0,0,1.4,1.571l.185.011h8.1a1.582,1.582,0,0,1,1.576,1.49,1.582,1.582,0,0,1-1.393,1.663l-.184.011h-8.1a4.746,4.746,0,0,1-4.739-4.468l-.008-.278V95.114a1.582,1.582,0,0,1,1.582-1.582ZM-21.445,75.61a4.747,4.747,0,0,1,4.739,4.468l.008.279v28.48a4.747,4.747,0,0,1-4.468,4.739l-.278.008h-8.243a1.582,1.582,0,0,1-1.576-1.49,1.582,1.582,0,0,1,1.393-1.663l.183-.011h8.243a1.582,1.582,0,0,0,1.571-1.4l.011-.185V85.1H-53.089a1.583,1.583,0,0,1-1.582-1.582,1.583,1.583,0,0,1,1.582-1.582h33.226V80.357a1.582,1.582,0,0,0-1.4-1.571l-.185-.011H-56.253a1.582,1.582,0,0,0-1.571,1.4l-.011.185V82.25a1.582,1.582,0,0,1-1.489,1.578,1.582,1.582,0,0,1-1.664-1.393L-61,82.25V80.357a4.747,4.747,0,0,1,4.468-4.739l.279-.008ZM-59.418,85.879a1.582,1.582,0,0,1,1.571,1.4l.011.183v2.165a1.582,1.582,0,0,1-1.49,1.576,1.582,1.582,0,0,1-1.663-1.393L-61,89.625V87.461a1.582,1.582,0,0,1,1.582-1.582Zm0,0"
transform="translate(61 -75.565)" />
</g>
</g>
<path
fill="currentColor"
d="M177.309,382.809a7.911,7.911,0,0,0-7.911,7.911l.008.37a7.9,7.9,0,0,0,3.044,5.873l.111.084,0,3.166a1.582,1.582,0,0,0,1.582,1.582h6.329l.185-.011a1.582,1.582,0,0,0,1.4-1.571l0-3.168.112-.084a7.911,7.911,0,0,0-4.861-14.153Zm0,3.164a4.747,4.747,0,0,1,2.373,8.859l-.155.1a1.582,1.582,0,0,0-.633,1.266l0,2.43h-3.166V396.2a1.582,1.582,0,0,0-.788-1.37,4.747,4.747,0,0,1,2.371-8.859Zm0,0"
transform="translate(-216.158 -288.888)" />
<path
fill="currentColor"
d="M72.422,307.308a1.582,1.582,0,0,1,0,3.164H66.093a1.582,1.582,0,0,1,0-3.164ZM57.391,292.277a1.582,1.582,0,0,1,.185,3.153l-.185.011H55.809a1.582,1.582,0,0,1-.185-3.153l.185-.011Zm25.315,0a1.582,1.582,0,0,1,.185,3.153l-.185.011H81.124a1.582,1.582,0,0,1-.185-3.153l.185-.011Zm-2.278-8.006a1.582,1.582,0,0,1,.133,2.088l-.131.149-1.119,1.119a1.582,1.582,0,0,1-2.37-2.088l.131-.15,1.119-1.119a1.582,1.582,0,0,1,2.239,0Zm-22.341,0a1.582,1.582,0,0,1,2.237,0l1.119,1.117.131.15a1.582,1.582,0,0,1-2.37,2.088l-1.119-1.119-.131-.15a1.583,1.583,0,0,1,.131-2.089Zm11.17-3.861a1.582,1.582,0,0,1,1.571,1.4l.011.185v1.582a1.582,1.582,0,0,1-3.153.185l-.011-.185v-1.582a1.582,1.582,0,0,1,1.582-1.582Zm0,0"
transform="translate(-108.107 -192.819)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="43.677" height="45.547" viewBox="0 0 43.677 45.547" v-if="name == 4">
<g transform="translate(35.69 38.1)">
<path fill="currentColor" d="M297.367,572.076" transform="translate(-311.217 -570.164)" />
<path
fill="currentColor"
d="M7.987-16.261A21.76,21.76,0,0,1,1.854-1.1L1.162-3.294A19.761,19.761,0,0,0,6-16.261a19.8,19.8,0,0,0-6.639-14.8,19.9,19.9,0,0,0-4.445-3,19.721,19.721,0,0,0-8.762-2.041,19.717,19.717,0,0,0-8.765,2.043,19.9,19.9,0,0,0-4.4,2.966A19.8,19.8,0,0,0-33.7-16.261,19.759,19.759,0,0,0-28.945-3.389L-29.654-1.2A21.759,21.759,0,0,1-35.69-16.261,21.793,21.793,0,0,1-28.324-32.6a21.913,21.913,0,0,1,4.361-3.013,21.664,21.664,0,0,1,2.07-.951A21.724,21.724,0,0,1-13.852-38.1a21.724,21.724,0,0,1,8.041,1.534q1.005.4,1.96.894A21.886,21.886,0,0,1,.591-32.629,21.793,21.793,0,0,1,7.987-16.261Z" />
<path
fill="currentColor"
d="M99.281,93.98a14.85,14.85,0,0,1-1.637,6.8l-.914-2.9a13,13,0,1,0-24.85-.17V97.9l-.906,2.793a14.947,14.947,0,1,1,28.307-6.71Z"
transform="translate(-98.18 -109.449)" />
<path
fill="currentColor"
d="M375.22,317.568l-6.071-5.333a.461.461,0,0,0-.739.5l3.266,9.276a.461.461,0,0,0,.778.154c.435-.487,2.616-2.932,2.839-3.248a1.253,1.253,0,0,0,.035-1.208.453.453,0,0,0-.109-.141Zm-2.23.876c-.228.248-.472.514-.67.734l-1.468-3.633,2.549,2.449c-.1.116-.264.29-.411.45Zm.411.516"
transform="translate(-377.577 -327.254)" />
<path
fill="currentColor"
d="M172.8,218.2l4.237-5.374a1.109,1.109,0,0,0-.854-1.816H162.287a1.11,1.11,0,0,0-.837,1.838l4.491,5.172-2.914,8.99,0,.011-2.5,7.705a1.115,1.115,0,0,0,.431,1.265c1.874,1.272,6.429,4.231,8.242,4.231,1.885,0,6.854-3.411,8.33-4.456a1.107,1.107,0,0,0,.421-1.24Zm-3.6,19.807c-.655,0-3.395-1.474-6.305-3.386l2.188-6.75c0-.006.006-.01.008-.016h0l.183-.565,0-.018.046-.143c0-.006.007-.016.009-.021s0-.007,0-.01l2.878-8.879a1.318,1.318,0,0,0-.258-1.265l-3.234-3.728h9.113l-3.009,3.9c-.016.022-.032.044-.046.067a.826.826,0,0,0-.065.065,1.032,1.032,0,0,0-.087.163c-.008.013-.014.025-.021.038a1.078,1.078,0,0,0-.112.306,1.139,1.139,0,0,0-.013.136,1.1,1.1,0,0,0,0,.232c0,.026,0,.05,0,.076a.523.523,0,0,0,.022.1l5.082,16.11c-2.951,2.023-5.731,3.587-6.386,3.587Zm0,0"
transform="translate(-183.299 -232.774)" />
</g>
</svg>
</template>
......@@ -97,32 +97,20 @@ const currentList = computed(() => {
</div>
<div class="scroll-container">
<div class="scroll-track" :key="activeTab">
<!-- 第一组 -->
<div
v-for="(column, index) in currentList"
:key="'a-' + index"
class="partner-column"
:class="{ 'partner-column-odd': index % 2 === 0, 'partner-column-even': index % 2 !== 0 }">
<div v-for="(item, idx) in column" :key="idx" class="partner-item">
<div class="partner-logo">
<img :src="item.icon" :alt="item.name" />
<template v-for="copy in 3" :key="copy">
<div
v-for="(column, index) in currentList"
:key="'a-' + index"
class="partner-column"
:class="{ 'partner-column-odd': index % 2 === 0, 'partner-column-even': index % 2 !== 0 }">
<div v-for="(item, idx) in column" :key="idx" class="partner-item">
<div class="partner-logo">
<img :src="item.icon" :alt="item.name" />
</div>
<div class="partner-name">{{ item.name }}</div>
</div>
<div class="partner-name">{{ item.name }}</div>
</div>
</div>
<!-- 第二组(用于无缝衔接) -->
<div
v-for="(column, index) in currentList"
:key="'b-' + index"
class="partner-column"
:class="{ 'partner-column-odd': index % 2 === 0, 'partner-column-even': index % 2 !== 0 }">
<div v-for="(item, idx) in column" :key="idx" class="partner-item">
<div class="partner-logo">
<img :src="item.icon" :alt="item.name" />
</div>
<div class="partner-name">{{ item.name }}</div>
</div>
</div>
</template>
</div>
</div>
</div>
......@@ -199,7 +187,7 @@ const currentList = computed(() => {
.scroll-track {
display: flex;
gap: 24px;
animation: scroll 15s linear infinite;
animation: scroll 30s linear infinite;
width: fit-content;
&:hover {
......
......@@ -3,7 +3,7 @@ import SchoolIcons from './schoolIcons.vue'
const rows = [
{
name: '学习<br/>服务',
items: [{ btns: [{ name: 'AI学习助手' }] }],
items: [{ btns: [{ name: 'AI学习助手', tips: '即将上线,敬请期待' }] }],
},
{
name: '职业<br/>技能',
......@@ -48,9 +48,9 @@ const rows = [
{
icon: 5,
items: [
{ name: 'AI+专业改造', href: '/digital/yx_3' },
{ name: '新双高建设', href: '' },
{ name: '应用型本科', href: '' },
{ name: 'AI+专业改造', href: '/solution/ai' },
{ name: '新双高建设', href: '/solution/new-double-high' },
{ name: '应用型本科', href: '/solution/applied-undergraduate' },
],
},
{
......@@ -67,7 +67,7 @@ const rows = [
},
{
icon: 8,
items: [{ name: '国际合作', href: '' }],
items: [{ name: '国际合作', href: '/solution/international' }],
},
],
},
......@@ -77,18 +77,20 @@ const rows = [
{
icon: 9,
title: '新工科',
href: '/platform',
desc: [
{ name: '大数据实验室', href: '/digital/yx_1_3' },
{ name: '网络安全实验室', href: '/digital/yx_1_4' },
{ name: '人工智能开发实验室', href: '/digital/yx_1_5' },
{ name: '物联网实验室', href: '/digital/yx_1_6' },
{ name: '信息安全实验室', href: '/digital/yx_1_7' },
{ name: '大数据实验室', href: '/platform/new-engineering/1' },
{ name: '网络安全实验室', href: '/platform/new-engineering/4' },
{ name: '人工智能开发实验室', href: '/platform/new-engineering/2' },
{ name: '物联网实验室', href: '/platform/new-engineering/5' },
{ name: '信息安全实验室', href: '/platform/new-engineering/3' },
],
className: 'home-school-box-new-engineering',
},
{
icon: 10,
title: '新商科',
href: '/platform',
desc: [
{ name: 'AIGC智能营销实验室', href: '/competition' },
{ name: 'AIGC金融工程智能创新实验室', href: '/competition' },
......@@ -99,11 +101,12 @@ const rows = [
{
icon: 11,
title: '低空经济',
href: '/platform/dk',
desc: [
{ name: '低空技术', href: '/competition' },
{ name: '低空文旅', href: '/competition' },
{ name: '低空物流', href: '/competition' },
{ name: '…', href: '/competition' },
{ name: '低空技术', href: '/platform/dk' },
{ name: '低空文旅', href: '/platform/dk' },
{ name: '低空物流', href: '/platform/dk' },
{ name: '…', href: '/platform/dk' },
],
},
],
......@@ -114,10 +117,10 @@ const rows = [
{
className: 'home-school-box-ai',
btns: [
{ name: '人工智能基础:数据分析通识课', href: 'https://eec.ezijing.com/product' },
{ name: '人工智能应用通识课', href: 'https://eec.ezijing.com/AI' },
{ name: '人工智能基础:数据分析通识课', href: '/bi' },
{ name: '人工智能应用通识课', href: '/ai' },
{ name: '数字教材', href: '/book' },
{ name: '个性化智能学习平台', href: 'https://saas-learn.ezijing.com/' },
{ name: '个性化智能学习平台', href: 'https://saas-learn.ezijing.com/', tips: '即将上线,敬请期待' },
{ name: '紫荆e-SaaS', href: 'https://e-saas.ezijing.com/' },
],
},
......@@ -162,7 +165,7 @@ const rows = [
</ul>
<div>
<div class="home-school-box-title" v-if="box.title">
{{ box.title }}
<a :href="box.href" target="_blank">{{ box.title }}</a>
</div>
<ul class="home-school-box-desc" v-if="box.desc">
<li v-for="desc in box.desc" :key="desc.name">
......@@ -322,7 +325,9 @@ const rows = [
position: absolute;
right: 0;
bottom: 0;
font-family: Source Han Sans CN, Source Han Sans CN;
font-family:
Source Han Sans CN,
Source Han Sans CN;
font-weight: bold;
font-size: 51px;
color: #dbd4d0;
......
......@@ -452,8 +452,6 @@ const tabList = [
border-radius: 12px 0px 0px 12px;
display: flex;
gap: 18px;
dl {
}
dt {
margin-bottom: 10px;
text-align: center;
......
<script setup>
const tabIndex = ref(0)
const tabList = [
{
name: '标准',
title: '以国标要求开发教学资源',
desc: '清控紫荆教育以国家教学资源开发标准为基础,提出了更高的企业课程开发标准,全面涵盖了课程大纲、课程导学、教学PPT、课程活动、课后训练等完整的教学流程。清控紫荆教育还提供了项目式教材、活页式教材等多种形式的教学资源开发标准,完整的覆盖了高校教学资源的方方面面。',
},
{
name: '实践教学',
title: '配套提供基于企业真实项目转化的行业案例集',
desc: `清控紫荆教育与行业企业合作,将行业企业真实的项目,转化为教学案例,并进行案例资源的二次开发,适配到商业数据分析实训平台,为高校提供了完整的行业真实案例支撑。
商业数据分析实训平台目前配备10个案例,10篇案例原文、13个数据集、31份辅助资源、65份案例指导书、65套教学PPT、231个教学视频。下表显示为商业数据分析实训平台的行业案例集,以及每个案例配套的资源情况。`,
},
]
</script>
<template>
<div class="bi-page">
<div class="banner">
<div class="banner-inner">
<h1>人工智能基础:数据分析通识课</h1>
<span class="line"></span>
<h2>“一体两翼”式设计AI+数据分析能力建设</h2>
<p>
创新“一体两翼”设计,基于企业真实使用的国产、工业级智能数据分析平台的“核心主体”,结合大模型赋能智能数据分析和工业级产品的教育适配化改造的“两翼”,辅以丰富完整的教学资源库,实现企业真实操作与教学场景的无缝衔接。
</p>
</div>
</div>
<section class="section" style="padding-bottom: 90px">
<h2 class="section-title">数据分析能力通识课建设</h2>
<div class="section-inner">
<p class="jx-desc">
为培养数字经济时代人人必备的数据分析基础技能,清控紫荆教育依托智能数据分析平台,契合地方产业数字化转型需求,通过“理论
+
企业真实案例实训”模式推进学校专业数字化改造,培育地方所需数字经济人才。理论课程覆盖商业数据分析核心知识,由行业专家授课,以“全流程数字化教学”
支撑
16个学时教学;实训课程含案例实训(课前预习、课中实操、课后考核)与企业生产性项目实操,遵循企业项目管理流程;紫荆教育提供全程服务,保障教学高质量落地。
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/next/bi/bi_1.png" style="width: 100%" />
</div>
</section>
<section class="section" style="background: #f0f2f5; padding-bottom: 90px">
<h2 class="section-title">平台功能</h2>
<div class="section-inner">
<p class="jx-desc">
创新“一体两翼”设计,基于企业真实使用的国产、工业级智能数据分析平台的“核心主体”,结合大模型赋能智能数据分析和工业级产品的教育适配化改造的“两翼”,辅以丰富完整的教学资源库,实现企业真实操作与教学场景的无缝衔接。
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/next/bi/bi_2.png" style="width: 100%" />
</div>
</section>
<section class="section jxzy">
<h2 class="section-title">教学资源</h2>
<div class="section-inner">
<div class="tab">
<ul class="tab-header">
<li
v-for="(item, index) in tabList"
:key="item.name"
:class="{ 'is-active': tabIndex === index }"
@mouseenter="tabIndex = index">
{{ item.name }}
</li>
</ul>
<div class="tab-body">
<div class="tab-content">
<h3>{{ tabList[tabIndex].title }}</h3>
<p>{{ tabList[tabIndex].desc }}</p>
</div>
</div>
<div class="box">
<template v-if="tabIndex === 0">
<dl>
<dt>标准化课程研发</dt>
<dd><img src="https://webapp-pub.ezijing.com/www/pc/next/ai/jxzy_1-1.png" /></dd>
</dl>
<dl>
<dt>对标国家级一流课程的课程资源</dt>
<dd>
<img src="https://webapp-pub.ezijing.com/www/pc/next/ai/jxzy_1-2.png" /><img
src="https://webapp-pub.ezijing.com/www/pc/next/ai/jxzy_1-3.png" />
</dd>
</dl>
<dl>
<dt>标准化的建设模板</dt>
<dd><img src="https://webapp-pub.ezijing.com/www/pc/next/ai/jxzy_1-4.png" /></dd>
</dl>
</template>
<template v-if="tabIndex === 1">
<img src="https://webapp-pub.ezijing.com/www/pc/next/ai/jxzy_2.png" alt="" />
</template>
</div>
</div>
</div>
</section>
<section class="section" style="padding-bottom: 90px">
<h2 class="section-title">“岗课赛证”全面融通</h2>
<div class="section-inner">
<img src="https://webapp-pub.ezijing.com/www/pc/next/bi/bi_3.png" style="width: 100%" />
</div>
</section>
</div>
</template>
<style lang="scss">
.bi-page {
background-color: #fff;
.section {
&-title {
padding: 60px 0;
font-weight: bold;
font-size: 30px;
color: #333;
line-height: 1;
text-align: center;
}
&-subtitle {
display: inline-block;
margin: 0 0 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
&-inner {
max-width: 1300px;
margin: 0 auto;
}
}
.banner {
height: 650px;
background: url('https://webapp-pub.ezijing.com/www/pc/next/bi/bi_banner.jpg') no-repeat center center;
background-size: cover;
&-inner {
max-width: 1300px;
height: 100%;
margin: 0 auto;
padding-left: 52px;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
h1 {
font-size: 60px;
font-weight: bold;
line-height: 1;
}
h2 {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 24px;
color: #ffffff;
line-height: 42px;
}
.line {
margin: 46px 0;
width: 60px;
height: 6px;
background: #fff;
}
p {
max-width: 860px;
font-size: 18px;
}
}
}
.jx-desc {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 60px;
}
.jxzy {
position: relative;
height: 600px;
background: var(--main-color) url('https://webapp-pub.ezijing.com/www/pc/next/ai/jxzy_bg.png') no-repeat center
right;
.section-title {
color: #fff;
}
.box {
padding: 20px;
margin-left: -70px;
position: absolute;
left: 50%;
top: 180px;
right: 0;
height: 300px;
background: rgba(255, 255, 255, 0.8);
border-radius: 12px 0px 0px 12px;
display: flex;
gap: 18px;
dt {
margin-bottom: 10px;
text-align: center;
line-height: 24px;
background: var(--main-color);
border-radius: 22px;
}
dd {
display: flex;
gap: 18px;
}
}
}
.bz-desc {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 24px;
}
.tab {
width: 540px;
color: #fff;
&-header {
display: flex;
gap: 50px;
border-bottom: 1px solid #ffffff;
padding: 0 10px;
li {
position: relative;
font-weight: 400;
font-size: 22px;
line-height: 1;
padding-bottom: 10px;
&.is-active {
font-size: 22px;
font-weight: bold;
&::after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 30px;
height: 5px;
background-color: #ffffff;
left: 50%;
transform: translate(-50%, 0);
border-radius: 5px;
}
}
}
}
&-content {
h3 {
padding: 45px 0 30px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 20px;
color: #ffffff;
line-height: 1;
}
p {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
color: #ffffff;
line-height: 30px;
white-space: pre-wrap;
}
}
}
}
</style>
......@@ -119,14 +119,14 @@ const ptList = ref([
<div class="bz-h1">企业资质与安全等保认证</div>
<ul class="img-box">
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/next/szjc/zs1.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/z1.jpg" />
</li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/next/szjc/zs2.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/z2.png" />
</li>
<!-- <li>
<li>
<img src="https://webapp-pub.ezijing.com/www/pc/digital/szz/z3.jpg" />
</li> -->
</li>
</ul>
</div>
</div>
......@@ -153,14 +153,18 @@ const ptList = ref([
line-height: 1;
h2 {
font-size: 36px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-family:
Source Han Sans CN-Bold,
Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h1 {
margin-top: 20px;
font-size: 60px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-family:
Source Han Sans CN-Bold,
Source Han Sans CN;
font-weight: bold;
line-height: 1;
span {
......@@ -176,14 +180,18 @@ const ptList = ref([
h6 {
margin-bottom: 30px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-family:
Source Han Sans CN-Medium,
Source Han Sans CN;
font-weight: 500;
line-height: 1;
}
p {
max-width: 720px;
font-size: 18px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-family:
Source Han Sans CN-Regular,
Source Han Sans CN;
line-height: 30px;
}
}
......@@ -381,6 +389,12 @@ const ptList = ref([
display: flex;
align-items: center;
justify-content: space-between;
li {
flex: 1;
}
img {
width: 100%;
}
}
}
}
......
......@@ -81,14 +81,14 @@ const skList = ref([
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_1a.png',
title: '商业数据分析实训平台',
desc: '培养数字经济底层思维能力的<br />工业级实训平台',
more: '/digital/yx_1_1',
more: '/platform/new-business-studies/1',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_2.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_2a.png',
title: '数字营销实训平台',
desc: '培养企业数字化转型核心技能的<br />工业级实训平台',
more: '/digital/yx_1_2',
more: '/platform/new-business-studies/2',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xsk_3.png',
......@@ -110,14 +110,14 @@ const gkList = ref([
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_1a.png',
title: '大数据实训平台',
desc: '综合培养大数据<br />基础知识及专业知识的<br />一站式实训平台',
more: '/digital/yx_1_3',
more: '/platform/new-engineering/1',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_2.png',
iconActive: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_2a.png',
title: '人工智能实训平台',
desc: '重在人工智能<br />基础知识及应用的<br />一站式实训平台',
more: '/digital/yx_1_4',
more: '/platform/new-engineering/2',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1/xgk_3.png',
......@@ -151,14 +151,18 @@ const gkList = ref([
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-family:
Source Han Sans CN-Bold,
Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-family:
Source Han Sans CN-Medium,
Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
......@@ -172,7 +176,9 @@ const gkList = ref([
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-family:
Source Han Sans CN-Medium,
Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
......@@ -180,7 +186,9 @@ const gkList = ref([
p {
max-width: 644px;
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-family:
Source Han Sans CN-Regular,
Source Han Sans CN;
line-height: 26px;
}
a {
......@@ -188,7 +196,9 @@ const gkList = ref([
width: 112px;
height: 36px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-family:
Source Han Sans CN-Regular,
Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 36px;
......
<script setup></script>
<template>
<div>
<h1>国际合作</h1>
</div>
</template>
<style lang="scss" scoped></style>
<script setup></script>
<template>
<div class="dk-page">
<div class="banner">
<div class="banner-inner">
<h1>低空经济专业建设解决方案</h1>
<span class="line"></span>
<p>
锚定万亿低空赛道,依托清华基因与产教融合优势,以 “学科交叉 + 数智赋能”
构建专业建设新范式,通过产业学院共建、数智实训基地落地、双师型师资培育、一体化教学平台支撑,打造覆盖低空技术、物流、文旅、应急等全场景的人才培养体系,精准填补产业人才缺口,为低空经济高质量发展注入复合型创新力量。
</p>
</div>
</div>
<section class="section">
<h2 class="section-title">中国低空经济产业人才需求</h2>
<div class="section-inner">
<p class="section-desc">
低空经济相关岗位人才需求呈现爆发式增长,工信部赛迪研究院《中国低空经济发展研究报告(2024)》显示,2025年,我国低空经济的市场规模将达到1.5万亿元,到2035年有望达到3.5万亿元。预计2026年底低空经济领域人才缺口将达200万以上。随着行业的发展,无人机应用场景也在持续拓展,就业新方向也应运而生。
</p>
<div class="dk-pics">
<img src="https://webapp-pub.ezijing.com/www/pc/next/dk/dk_1.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/dk/dk_2.png" />
</div>
</div>
</section>
<section class="section">
<h2 class="section-title">低空数智人才培养现状</h2>
<div class="section-inner">
<img src="https://webapp-pub.ezijing.com/www/pc/next/dk/dk_3.png" style="width: 100%" />
</div>
</section>
<section class="section">
<h2 class="section-title">低空数智化人才培养解决方案</h2>
<div class="section-inner">
<img src="https://webapp-pub.ezijing.com/www/pc/next/dk/dk_4.png" style="width: 100%" />
</div>
</section>
<section class="section">
<h2 class="section-title">教师数字素养与技能提升</h2>
<div class="section-inner">
<p class="section-desc">
采用“引入国际顶尖师资、互派产业院校师资、系统化培训”<span>3重手段、16个子项目</span>实现“教师的国际化水平、产业实战水平和岗课赛证融通水平”3个水平的有效提升
</p>
<img src="https://webapp-pub.ezijing.com/www/pc/next/dk/dk_5.png" style="width: 100%" />
</div>
</section>
<section class="section" style="padding: 90px 0">
<div class="section-inner">
<AppContact />
</div>
</section>
</div>
</template>
<style lang="scss" scoped>
.dk-page {
background-color: #fff;
.section {
&-title {
padding: 90px 0 60px;
font-weight: bold;
font-size: 30px;
color: #333;
line-height: 1;
text-align: center;
}
&-subtitle {
display: inline-block;
margin: 0 0 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
&-inner {
max-width: 1300px;
margin: 0 auto;
}
}
.banner {
height: 650px;
background: url('https://webapp-pub.ezijing.com/www/pc/next/dk/banner.jpg') no-repeat center center;
background-size: cover;
&-inner {
max-width: 1300px;
height: 100%;
margin: 0 auto;
padding-left: 52px;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
h1 {
font-size: 60px;
font-weight: bold;
line-height: 1;
}
h2 {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 24px;
color: #ffffff;
line-height: 42px;
}
.line {
margin: 46px 0;
width: 60px;
height: 6px;
background: #fff;
}
p {
max-width: 860px;
font-size: 18px;
}
}
}
.section-desc {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin-bottom: 60px;
span {
color: var(--main-color);
}
}
.dk-pics {
display: flex;
gap: 20px;
img {
flex: 1;
width: 50%;
}
}
}
</style>
......@@ -5,20 +5,21 @@ const skList = ref([
title: '商业数据分析实验室',
desc: `培养数字经济底层思维能力的
工业级实训平台`,
more: '/digital/yx_1_1',
more: '/platform/new-business-studies/1',
},
{
icon: 2,
title: '数字营销实验室',
desc: `培养企业数字化转型核心技能的
工业级实训平台`,
more: '/digital/yx_1_2',
more: '/platform/new-business-studies/2',
},
{
icon: 3,
title: 'AIGC智能营销实验室',
desc: `AIGC赋能营销全链路
打造智能创作与效果优化平台`,
more: '/platform/new-business-studies/3',
},
{
icon: 4,
......@@ -26,6 +27,7 @@ const skList = ref([
创新实验室`,
desc: `以AIGC驱动金融量化与产品创新
构建智能金融工程研发阵地`,
more: '/platform/new-business-studies/4',
},
{
icon: 5,
......@@ -33,6 +35,7 @@ const skList = ref([
desc: `AIGC融合融媒体生产
实现内容创作与多平台分发的
高效实践基地`,
more: '/platform/new-business-studies/5',
},
{
icon: 6,
......@@ -40,6 +43,7 @@ const skList = ref([
desc: `聚焦AIGC直播场景应用
提供虚拟主播与智能互动
解决方案平台`,
more: '/platform/new-business-studies/6',
},
])
......@@ -50,7 +54,7 @@ const gkList = ref([
desc: `综合培养大数据
基础知识及专业知识的
一站式实训平台`,
more: '/digital/yx_1_3',
more: '/platform/new-engineering/1',
},
{
icon: 8,
......@@ -58,19 +62,21 @@ const gkList = ref([
desc: `重在人工智能
基础知识及应用的
一站式实训平台`,
more: '/digital/yx_1_4',
more: '/platform/new-engineering/2',
},
{
icon: 9,
title: '信息安全实验室',
desc: `一站式信创信息安全
实训平台`,
more: '/platform/new-engineering/3',
},
{
icon: 10,
title: '网络安全实验室',
desc: `聚焦网络攻防技术研究与人才培养
打造实战型网络安全实验室`,
more: '/platform/new-engineering/4',
},
{
icon: 11,
......@@ -78,6 +84,7 @@ const gkList = ref([
desc: `全面涵盖5G及边缘计算的
新一代物联网
实训平台`,
more: '/platform/new-engineering/5',
},
])
......@@ -87,18 +94,21 @@ const dkjjList = [
title: `低空数据分析实训平台`,
desc: `聚焦低空数据挖掘与应用
打造专业化、实战型数据分析实训基地`,
more: '/platform/dk',
},
{
icon: 13,
title: `智能无人机应用技术中心`,
desc: `聚焦于城市末端物流配送的真实业务闭环
是最贴近“未来城市快递”场景的实训室`,
more: '/platform/dk',
},
{
icon: 14,
title: `低空物流运营实训中心`,
desc: `专注于干线/支线中长距离物流运输的运营与规划
技术含量和专业化程度极高`,
more: '/platform/dk',
},
]
</script>
......@@ -131,7 +141,7 @@ const dkjjList = [
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p style="margin: 8px 0">{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
<NuxtLink :href="item.more" target="_blank" v-if="item.more">查看更多</NuxtLink>
</div>
</div>
</div>
......@@ -151,7 +161,7 @@ const dkjjList = [
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p style="margin: 8px 0">{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
<NuxtLink :href="item.more" target="_blank" v-if="item.more">查看更多</NuxtLink>
</div>
</div>
</div>
......@@ -168,7 +178,7 @@ const dkjjList = [
<div class="gk-item__content">
<h2>{{ item.title }}</h2>
<p style="margin: 8px 0">{{ item.desc }}</p>
<a :href="item.more" v-if="item.more">查看更多</a>
<NuxtLink :href="item.more" target="_blank" v-if="item.more">查看更多</NuxtLink>
</div>
</div>
</div>
......@@ -203,7 +213,9 @@ const dkjjList = [
color: #ffffff;
h2 {
font-size: 60px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-family:
Source Han Sans CN-Bold,
Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
......@@ -217,7 +229,9 @@ const dkjjList = [
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-family:
Source Han Sans CN-Medium,
Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
......@@ -225,7 +239,9 @@ const dkjjList = [
p {
max-width: 736px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-family:
Source Han Sans CN-Regular,
Source Han Sans CN;
line-height: 26px;
}
}
......
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
差异被折叠。
<!-- 引产入校 -->
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/next/solution/ai/banner.jpg" />
<div class="cover">
<div class="cover-inner">
<h2>专业数字化改造提升</h2>
<span></span>
<h6>新专业申请 · 旧专业升级 · 课程提供 · 师资提升</h6>
<p>
针对数字人才的底层通用基础能力:商业数据分析能力和数字营销能力,将其引入现有的专业体系中,对现有专业基础能力的培养进行数字化改造升级
</p>
</div>
</div>
</div>
<!-- <section class="section">
<div class="section-inner">
<h2 class="section-title">数字人才技能解构-能力模型</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/yx_3/1.png" />
</div>
</div>
</section> -->
<section class="section">
<div class="section-inner">
<h2 class="section-title">专业数字化改造背景与现状</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/next/solution/ai/1.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">专业数字化改造解决方案</h2>
<div class="section-pic">
<img src="https://webapp-pub.ezijing.com/www/pc/next/solution/ai/2.png" />
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">数字化技能核心课程</h2>
<p class="section-desc">
紫荆教育通过数字经济实验平台(商业数据分析实验平台和数字营销实验平台)负责实施商业数据分析和数字营销两门课,共计96课时。紫荆教育数字经济实验室作为紫荆教育工业级产品,在多个行业有真实应用,为数字人才培养提供立体化教学实施平台,打造数字化教学模式。师资全部来自业务骨干,行业专家和学校专业教师团队组成混编师资团队,针对课程形成理论基础+行业数字化应用两个层次多个维度的分工合作,优势互补,相互促进,形成师资立方体,实现嵌入式融合创新实践。
</p>
<ul class="course-list">
<li v-for="item in courseList" :key="item.title" :class="{ 'has-arrow': item.arrow }">
<div class="pic">
<img :src="item.icon" />
</div>
<h3>{{ item.title }}</h3>
<p>{{ item.desc }}</p>
</li>
<li><h3>...</h3></li>
</ul>
<div class="course-box">
<h3>通识课程</h3>
<ul>
<li>商业数据分析</li>
<li>数字营销</li>
</ul>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">教师数字素养与技能提升</h2>
<p class="section-desc" style="white-space: nowrap">
采用“引入国际顶尖师资、互派产业院校师资、系统化培训”
3重手段、16个子项目实现“教师的国际化水平、产业实战水平和岗课赛证融通水平” 3个水平的有效提升
</p>
<div class="section-pic" style="margin: 80px 0">
<img src="https://webapp-pub.ezijing.com/www/pc/next/solution/ai/3.png" />
</div>
<ul class="al-list">
<li v-for="item in jfalList" :key="item"><img :src="item" /></li>
</ul>
</div>
</section>
</div>
</template>
<script setup>
import { ref } from 'vue'
const courseList = ref([
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_1.png',
title: '数字金融',
desc: '(校企联合开发)',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_2.png',
title: '数字贸易',
desc: '(校企联合开发)',
arrow: true,
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_3.png',
title: '数字农业',
desc: '(校企联合开发)',
arrow: true,
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/course_4.png',
title: '数字康养',
desc: '(校企联合开发)',
arrow: true,
},
])
// 交付案例
const jfalList = ref([
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_3.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_2.png',
'https://webapp-pub.ezijing.com/www/pc/digital/yx_3/show_1.png',
])
</script>
<style lang="scss" scoped>
.banner {
position: relative;
img {
width: 100%;
height: 650px;
object-fit: cover;
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
line-height: 1;
color: #333;
h2 {
font-size: 60px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
h3 {
margin-bottom: 20px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 4px;
}
span {
margin: 46px 0;
width: 60px;
height: 6px;
background: #333;
}
h6 {
margin-bottom: 24px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
color: var(--main-color);
}
p {
max-width: 736px;
font-size: 18px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 30px;
}
}
.cover-inner {
height: 100%;
max-width: 1300px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
}
}
.section:nth-child(even) {
background-color: #fff;
}
.section:nth-child(odd) {
background-color: #f9f8f8;
}
.section-inner {
width: 1300px;
margin: 0 auto;
padding: 100px 0;
}
.section-title {
margin-bottom: 36px;
font-size: 30px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 32px;
color: #333333;
text-align: center;
}
.section-subtitle {
display: inline-block;
margin: 36px 0;
font-size: 20px;
line-height: 32px;
color: #424242;
border-bottom: 1px solid var(--main-color);
}
.section-desc {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
}
.section-pic {
text-align: center;
img {
max-width: 100%;
}
}
.al-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
li {
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
}
}
.course-list {
margin: 80px 0 50px;
display: flex;
column-gap: 40px;
li {
position: relative;
height: 260px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid #d5d5d5;
&::after {
position: absolute;
content: '';
left: -1px;
right: -1px;
bottom: -1px;
height: 10px;
background-color: var(--main-color);
}
.pic {
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
background-color: var(--main-color);
border-radius: 50%;
}
h3 {
font-size: 20px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 34px;
}
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #6c6c6c;
line-height: 34px;
}
&.has-arrow {
&::before {
position: absolute;
left: 50%;
bottom: -43px;
content: '';
background: url('https://webapp-pub.ezijing.com/www/pc/digital/yx_3/arrow.png');
width: 18px;
height: 33px;
transform: translateX(-50%);
}
}
}
}
.course-box {
padding: 30px 0;
border: 1px solid #dfdfdf;
h3 {
font-size: 24px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333;
line-height: 34px;
text-align: center;
}
ul {
margin-top: 38px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 80px;
}
li {
width: 460px;
height: 60px;
background-color: var(--main-color);
border-radius: 30px;
font-size: 22px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #fff;
line-height: 60px;
text-align: center;
}
}
</style>
差异被折叠。
差异被折叠。
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论