Skip to content

P
project-www-pc
提交 579b75c1 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

chore: update

上级 701aab24
隐藏空白字符变更
内嵌 并排
正在显示 包含 2629 行增加 和 154 行删除
app/api/index.js
浏览文件 @ 579b75c1
......@@ -5,7 +5,6 @@ export function getAdvertisementList(params) {
return httpRequest.get('/api/cms/api/v1/advertisements', { params })
}
// 获取新闻列表
export function getNewsList(params) {
return httpRequest.get(`/api/zws/v1/cms/news`, { params })
......@@ -21,7 +20,7 @@ export function getNewsDetails(params) {
*/
export function sendCode(data) {
return httpRequest.post('/api/usercenter/user/send-code', data, {
headers: { 'Content-Type': 'multipart/form-data' }
headers: { 'Content-Type': 'multipart/form-data' },
})
}
......@@ -37,7 +36,7 @@ export function checkCode(params) {
*/
export function postNes(data) {
return httpRequest.post('/api/enrollment/v1.0/applications', data, {
headers: { 'Content-Type': 'multipart/form-data' }
headers: { 'Content-Type': 'multipart/form-data' },
})
}
......@@ -54,3 +53,8 @@ export function getArticleList(params) {
export function getImgTextList(params) {
return httpRequest.get('/api/cms/api/v1/img-text', { params })
}
// 提交留咨信息
export function submitApplicationForm(data) {
return httpRequest.post('/api/enrollment/v1.0/applications', data)
}
app/assets/css/studyAbroad.scss
浏览文件 @ 579b75c1
.w1200 {
max-width: 1300px;
max-width: 1200px;
margin: 0 auto;
}
// .banner {
......
app/components/AppContact.vue
浏览文件 @ 579b75c1
<script setup></script>
<script setup>
defineProps({
type: { type: Number, default: 0 },
})
</script>
<template>
<div class="app-contact">
<h4>联系我们</h4>
<p>
联系人：张老师<br />
联系电话：13810886558（微信同号）
</p>
<template v-if="type === 1">
<h4>联系我们</h4>
<p>
联系人：冯老师
<br />
联系电话：13522642018（微信同号）
</p>
</template>
<template v-else-if="type === 2">
<h4>联系我们</h4>
<p>
联系人：冯老师
<br />
联系电话：13522642018（微信同号）
</p>
</template>
<template v-else>
<h4>联系我们</h4>
<p>
联系人：张老师<br />
联系电话：13810886558（微信同号）
</p>
</template>
</div>
</template>
......
app/components/AppFooter.vue
浏览文件 @ 579b75c1
......@@ -19,7 +19,7 @@ const items = [
},
{
name: '职业技能中心',
href: '',
href: '/certificate',
},
{
name: '学习服务中心',
......@@ -44,7 +44,7 @@ const items = [
},
{
name: '就业服务',
href: '',
href: '/job',
},
],
},
......@@ -54,27 +54,27 @@ const items = [
items: [
{
name: '教育部',
href: '',
href: 'http://www.moe.gov.cn',
},
{
name: '人社部',
href: '',
href: 'https://www.mohrss.gov.cn',
},
{
name: '工信部',
href: '',
href: 'https://www.miit.gov.cn',
},
{
name: '中华全国供销合作总社',
href: '',
href: 'https://www.chinacoop.gov.cn',
},
{
name: '国家新闻出版署',
href: '',
href: 'https://www.nppa.gov.cn',
},
{
name: '广播电视总局',
href: '',
href: 'https://www.nrta.gov.cn',
},
],
},
......@@ -118,7 +118,7 @@ const items = [
</div>
<div class="qrcode">
<dl>
<dt><img src="https://webapp-pub.ezijing.com/project/marywood/ezijing-code.jpg" /></dt>
<dt><img src="https://webapp-pub.ezijing.com/www/pc/next/qrcode_app.png" /></dt>
<dd>APP</dd>
</dl>
<dl>
......
app/components/AppHeader.vue
浏览文件 @ 579b75c1
......@@ -47,11 +47,11 @@ const navList = [
name: '解决方案',
items: [
{ name: 'AI+专业改造', href: '/digital/yx_3' },
{ name: '新双高建设', href: '' },
{ name: '新双高建设', href: '/platform' },
{ name: '应用型本科', href: '' },
{ name: '产教融合实训基地', href: '/digital/zf_1' },
{ name: '国赛/省赛/行业赛', href: '/digital/ds' },
{ name: '国际合作', href: '' },
{ name: '产教融合实训基地', href: '/digital/base' },
{ name: '国赛/省赛/行业赛', href: '/competition' },
{ name: '国际合作', href: '/international' },
],
},
{
......@@ -70,18 +70,18 @@ const navList = [
{
name: '新商科',
items: [
{ name: 'AIGC智能营销实验室', href: '/digital/ds' },
{ name: 'AIGC金融工程智能创新实验室', href: '/digital/ds' },
{ name: 'AIGC融媒体实验室', href: '/digital/ds' },
{ name: 'AIGC网络主播实验室', href: '/digital/ds' },
{ name: 'AIGC智能营销实验室', href: '/competition' },
{ name: 'AIGC金融工程智能创新实验室', href: '/competition' },
{ name: 'AIGC融媒体实验室', href: '/competition' },
{ name: 'AIGC网络主播实验室', href: '/competition' },
],
},
{
name: '低空经济',
items: [
{ name: '低空技术', href: '/digital/ds' },
{ name: '低空文旅', href: '/digital/ds' },
{ name: '低空物流', href: '/digital/ds' },
{ name: '低空技术', href: '/competition' },
{ name: '低空文旅', href: '/competition' },
{ name: '低空物流', href: '/competition' },
],
},
],
......@@ -91,7 +91,7 @@ const navList = [
items: [
{ name: '人工智能基础:数据分析通识课', href: '/digital/yx_1_3' },
{ name: '人工智能应用通识课', href: '/digital/yx_1_4' },
{ name: '数字教材', href: '/digital/sz' },
{ name: '数字教材', href: '/book' },
{ name: '个性化智能学习平台', href: 'https://saas-learn.ezijing.com/' },
{ name: '紫荆e-SaaS', href: 'https://e-saas.ezijing.com/' },
],
......@@ -168,7 +168,7 @@ const navList = [
},
{
name: '职业技能',
href: 'https://eec.ezijing.com',
href: '/certificate',
items: [
{ name: '人工智能通识应用', href: 'https://eec.ezijing.com/AI' },
{ name: '智能数据分析与实战应用', href: 'https://eec.ezijing.com/product' },
......@@ -178,12 +178,12 @@ const navList = [
},
{
name: '就业服务',
href: '',
href: '/job',
items: [
{ name: '1V1定制化', href: '' },
{ name: '全程辅导', href: '' },
{ name: '内推面试', href: '' },
{ name: '内推入职', href: '' },
{ name: '1V1定制化', href: '/job' },
{ name: '全程辅导', href: '/job' },
{ name: '内推面试', href: '/job' },
{ name: '内推入职', href: '/job' },
],
},
],
......@@ -195,11 +195,11 @@ const navList = [
isBrand: true,
items: [
{ name: '教育部' },
{ name: '全国科学技术名词审定委员会' },
{ name: '工信部' },
{ name: '供销合作总社' },
{ name: '中华全国供销合作总社' },
{ name: '国家新闻出版署' },
{ name: '国家广播电视总局' },
{ name: '全国科学技术名词审定委员会' },
{ name: '清华大学出版社' },
{ name: '中国标准出版社' },
{ name: '中国经济出版社' },
......
app/components/AppRightAside.vue
浏览文件 @ 579b75c1
......@@ -66,17 +66,13 @@
<li>
<div class="text">APP</div>
<div class="hover">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg"
width="150px" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/qrcode_app.png" width="150px" />
</div>
</li>
<li>
<div class="text">小程序</div>
<div class="hover">
<img
src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg"
width="150px" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/qrcode_weapp.png" width="150px" />
</div>
</li>
<li>
......@@ -179,7 +175,7 @@ watch(
formInfo.projectId = '1012'
}
},
{ immediate: true },
{ immediate: true }
)
const submitEnroll = async () => {
......
app/components/FormSubmit.vue
浏览文件 @ 579b75c1
......@@ -203,7 +203,7 @@ const handleSubmit = () => {
font-weight: 400;
line-height: 1.5;
color: #010101;
width: 1300px;
width: 1200px;
text-align: center;
}
.desc {
......@@ -246,7 +246,7 @@ const handleSubmit = () => {
border-radius: 0;
}
.desc2 {
width: 1300px;
width: 1200px;
padding: 40px 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
......
app/components/JobIcons.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup>
defineProps({
name: { type: Number, required: true },
})
</script>
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" v-if="name === 1">
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(14 16)">
<path
fill="#333"
d="M278.673,402.36a1.066,1.066,0,0,1,1.507,0l2.26,2.26,2.26-2.26a1.066,1.066,0,1,1,1.508,1.507l-3.015,3.014a1.066,1.066,0,1,1-1.507-1.507l.753-.754.753.754a1.066,1.066,0,1,1-1.507,1.507l-2.26-2.26-2.263,2.26a1.066,1.066,0,1,1-1.507-1.507l3.015-3.014Zm-8.031,4.757a1.066,1.066,0,1,1-2.132,0v-8.526a2.132,2.132,0,0,1,2.132-2.132h21.314a2.132,2.132,0,0,1,2.132,2.132v8.526a1.066,1.066,0,1,1-2.132,0v-8.526H270.642Zm0,3.2h21.314a2.132,2.132,0,0,1,2.132,2.131v4.263a2.132,2.132,0,0,1-2.132,2.131H270.642a2.132,2.132,0,0,1-2.132-2.131v-4.263a2.132,2.132,0,0,1,2.132-2.131Zm0,2.131v4.263h21.314v-4.263Zm0,0"
transform="translate(-268.51 -396.46)" />
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="54"
height="54"
viewBox="0 0 54 54"
v-if="name === 2">
<defs>
<clipPath id="a"><rect fill="#333" width="27" height="27.029" /></clipPath>
</defs>
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(13.5 13)">
<g clip-path="url(#a)" transform="translate(0 0)">
<path
fill="#333"
d="M275.493,379.708l-6.222-6.222a1.036,1.036,0,0,0-1.466-.006l-.006.006-18.666,18.666a1.037,1.037,0,0,0-.006,1.466l.006.006,6.222,6.222a1.039,1.039,0,0,0,1.472.01l18.666-18.666a1.036,1.036,0,0,0,.017-1.467l-.017-.017Zm-19.4,17.951-4.76-4.76,2.613-2.614,2.624,2.614,1.473-1.462-2.634-2.6,3.951-3.951,2.634,2.634,1.462-1.473-2.634-2.624,3.567-3.515,2.582,2.624,1.462-1.473-2.624-2.613,2.727-2.748,4.76,4.76Zm-2-13.128,1.473-1.472-4.148-4.148,3.111-3.111,4.148,4.148,1.462-1.462-4.863-4.957a1.037,1.037,0,0,0-1.467-.006l-.006.006-4.625,4.615a1.089,1.089,0,0,0-.342.736,1.038,1.038,0,0,0,.3.736Zm21.342,9.157-4.884-4.874-1.462,1.462,4.636,4.573v3.163h-3.215l-4.573-4.584L264.46,394.9l4.884,4.874a1.035,1.035,0,0,0,.736.311h4.677a1.037,1.037,0,0,0,1.037-1.037v-4.625a1.037,1.037,0,0,0-.363-.736Zm0,0"
transform="translate(-248.83 -373.162)" />
</g>
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="54"
height="54"
viewBox="0 0 54 54"
v-if="name === 3">
<defs>
<clipPath id="a"><rect fill="#333" width="24.242" height="24.286" /></clipPath>
</defs>
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(14.919 14.76)">
<g transform="translate(0)">
<g clip-path="url(#a)">
<path
fill="#333"
d="M301.08,426.165l6.852-6.851a.537.537,0,0,0,0-.761l-.761-.761a.539.539,0,0,0-.761,0l-6.852,6.852a.538.538,0,0,0,0,.761l.761.761a.538.538,0,0,0,.761,0Zm7.99-7.993.382-.382a1.077,1.077,0,0,0-1.519-1.522l-.381.381a.537.537,0,0,0,0,.761l.761.761a.538.538,0,0,0,.758,0Zm-8.98,8.885a.507.507,0,0,0-.131-.491l-.8-.8a.507.507,0,0,0-.85.227l-.295,1.1a.508.508,0,0,0,.627.626l1.1-.294a.507.507,0,0,0,.355-.363Zm0,0"
transform="translate(-285.546 -407.019)" />
</g>
</g>
<path
fill="#333"
d="M298.467,413.154a1.077,1.077,0,0,0-1.077,1.076v7.454a.071.071,0,0,1-.021.049.069.069,0,0,1-.049.02H277.543a.068.068,0,0,1-.049-.02.071.071,0,0,1-.021-.049V401.906a.07.07,0,0,1,.07-.07H297.32a.069.069,0,0,1,.049.02.071.071,0,0,1,.021.049v4.538a1.076,1.076,0,0,0,2.153,0v-4.538a2.223,2.223,0,0,0-2.223-2.223H277.543a2.223,2.223,0,0,0-2.224,2.223v19.779a2.223,2.223,0,0,0,2.224,2.223H297.32a2.223,2.223,0,0,0,2.223-2.223v-7.454a1.078,1.078,0,0,0-1.076-1.076Zm0,0"
transform="translate(-275.319 -399.665)" />
<path
fill="#333"
d="M282.281,412.071h12.425a1.076,1.076,0,1,0,0-2.153H282.281a1.076,1.076,0,1,0,0,2.153Zm9.205,3.836a1.076,1.076,0,0,0-1.076-1.077h-8.129a1.077,1.077,0,1,0,0,2.153h8.129a1.076,1.076,0,0,0,1.076-1.076Zm-9.205,3.835a1.076,1.076,0,1,0,0,2.153h6a1.076,1.076,0,1,0,0-2.153Zm0,0"
transform="translate(-277.973 -404.281)" />
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="54"
height="54"
viewBox="0 0 54 54"
v-if="name === 4">
<defs>
<clipPath id="a"><rect fill="none" width="25.12" height="23.451" /></clipPath>
</defs>
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(14.44 15.274)">
<g clip-path="url(#a)">
<path
d="M307.257,409.631H287.608a2.735,2.735,0,0,0-2.732,2.732v12.7a2.736,2.736,0,0,0,2.732,2.732h5.864v1.376a.9.9,0,0,0,1.807,0V427.2a.954.954,0,0,0-.013-.152.8.8,0,0,0,.013-.156.9.9,0,0,0-.9-.9h-6.768a.925.925,0,0,1-.923-.923v-12.7a.925.925,0,0,1,.923-.924h19.649a.925.925,0,0,1,.923.924v12.7a.925.925,0,0,1-.923.923h-6.77a.9.9,0,0,0-.9.9.975.975,0,0,0,.013.152.806.806,0,0,0-.015.157v1.97a.9.9,0,0,0,1.806,0v-1.376h5.867a2.735,2.735,0,0,0,2.732-2.732V412.363a2.735,2.735,0,0,0-2.73-2.732Zm0,0"
transform="translate(-284.88 -409.604)" />
</g>
<path
d="M306.544,431.22H288.319a.9.9,0,1,0,0,1.806h18.222a.9.9,0,0,0,0-1.806Zm0,0"
transform="translate(-284.88 -409.604)" />
<path
d="M300.773,423.952a.9.9,0,0,0-.9-.9h-4.875a.9.9,0,0,0,0,1.807h4.875a.9.9,0,0,0,.9-.9Zm0,0"
transform="translate(-284.88 -409.604)" />
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="54"
height="54"
viewBox="0 0 54 54"
v-if="name === 5">
<defs>
<clipPath id="a"><rect fill="#333" width="25.361" height="25.388" /></clipPath>
</defs>
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(13.92 13.91)">
<g clip-path="url(#a)">
<path
fill="#333"
d="M290.106,418.5a1.109,1.109,0,0,1,1.107-1.109h5.7a1.109,1.109,0,1,1,0,2.218h-5.7a1.106,1.106,0,0,1-1.107-1.109Zm11.562-1.109a1.109,1.109,0,1,0,0,2.218h.633a1.109,1.109,0,0,0,0-2.218Zm0,0"
transform="translate(-286.941 -410.087)" />
<path
fill="#333"
d="M308.428,434.345a3.167,3.167,0,0,1-3.167,3.167H291.006a3.168,3.168,0,0,1-3.169-3.167V418.507a3.168,3.168,0,0,1,3.169-3.167h1.584a3.167,3.167,0,0,1,3.167-3.167h14.255a3.167,3.167,0,0,1,3.167,3.167v15.838a3.167,3.167,0,0,1-3.167,3.167Zm1.584-19.957H295.757a.951.951,0,0,0-.951.951H305.26a3.168,3.168,0,0,1,3.167,3.167v13.62h1.584a.949.949,0,0,0,.95-.95V415.339a.95.95,0,0,0-.95-.951Zm-19.957,4.118v4.118H306.21v-4.118a.95.95,0,0,0-.95-.95H291.006a.949.949,0,0,0-.951.95Zm0,15.838a.951.951,0,0,0,.951.951H305.26a.951.951,0,0,0,.95-.951v-9.5H290.055Zm0,0"
transform="translate(-287.841 -412.155)" />
</g>
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="54"
height="54"
viewBox="0 0 54 54"
v-if="name === 6">
<defs>
<clipPath id="a"><rect fill="#333" width="25.12" height="27.691" /></clipPath>
</defs>
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(14.44 12.154)">
<g clip-path="url(#a)">
<path
fill="#333"
d="M304.823,435.063H290.06a5.18,5.18,0,0,1-5.18-5.18V418.55a5.18,5.18,0,0,1,5.18-5.18h3.472a1,1,0,0,1,0,2H290.06a3.2,3.2,0,0,0-3.194,3.194V429.9a3.2,3.2,0,0,0,3.194,3.194h14.763a3.2,3.2,0,0,0,3.194-3.194V418.55a3.2,3.2,0,0,0-3.194-3.194h-.292a1,1,0,0,1,0-2h.292a5.181,5.181,0,0,1,5.18,5.181v11.332a5.183,5.183,0,0,1-5.18,5.194Zm0,0"
transform="translate(-284.88 -407.404)" />
<path
fill="#333"
d="M302.267,424.633h-9.929a1,1,0,0,1,0-2h9.929a1,1,0,0,1,1,1,1.013,1.013,0,0,1-1,1Zm0,0"
transform="translate(-284.88 -407.404)" />
<path
fill="#333"
d="M297.546,422.328a2.352,2.352,0,0,1-1.542-.583l-4.027-3.528a2.3,2.3,0,0,1-.792-1.6,2.351,2.351,0,0,1,.57-1.694l5.93-6.722a2.343,2.343,0,0,1,3.291-.208l4.013,3.527a2.343,2.343,0,0,1,.209,3.292l-5.916,6.721a2.208,2.208,0,0,1-1.736.792Zm1.888-12.93h-.027a.362.362,0,0,0-.237.111l-5.9,6.736a.352.352,0,0,0-.083.25.359.359,0,0,0,.111.236l4.014,3.528a.352.352,0,0,0,.25.083.362.362,0,0,0,.236-.111l5.916-6.722a.348.348,0,0,0-.028-.486L299.67,409.5a.389.389,0,0,0-.236-.1Zm0,0"
transform="translate(-284.88 -407.404)" />
</g>
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="54"
height="54"
viewBox="0 0 54 54"
v-if="name === 7">
<defs>
<clipPath id="a"><rect fill="#333" width="25.427" height="27.106" /></clipPath>
</defs>
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(14.48 13.587)">
<g clip-path="url(#a)">
<path
fill="#333"
d="M308.469,433.776a.894.894,0,0,1-.644-.274l-3.628-3.765a.9.9,0,0,1,1.29-1.241l3.627,3.766a.894.894,0,0,1-.645,1.514Zm-.232-7.85a.9.9,0,0,1-.894-.894V412.956a1.79,1.79,0,0,0-1.788-1.788h-2.666a.894.894,0,1,1,0-1.788h2.666a3.579,3.579,0,0,1,3.575,3.575v12.076a.9.9,0,0,1-.893.894Zm-5.721,8.625H287.535a3.579,3.579,0,0,1-3.575-3.576V412.956a3.579,3.579,0,0,1,3.575-3.575h2.574a.894.894,0,1,1,0,1.788h-2.574a1.79,1.79,0,0,0-1.788,1.788v18.019a1.79,1.79,0,0,0,1.788,1.789h14.981a.894.894,0,0,1,0,1.788Zm0,0"
transform="translate(-283.96 -407.477)" />
<path
fill="#333"
d="M300.719,413.382H292.9a3,3,0,0,1-2.993-2.993v-.043a3,3,0,0,1,2.993-2.993h7.823a3,3,0,0,1,2.993,2.993v.043a2.994,2.994,0,0,1-2.993,2.993Zm-7.823-4.245a1.206,1.206,0,0,0-1.206,1.206v.043a1.206,1.206,0,0,0,1.206,1.206h7.823a1.206,1.206,0,0,0,1.206-1.206v-.043a1.206,1.206,0,0,0-1.206-1.206Zm3.866,8.579h-7.507a.894.894,0,0,1,0-1.788h7.507a.894.894,0,0,1,0,1.788Zm-4.423,5.005h-3.083a.894.894,0,0,1,0-1.788h3.083a.894.894,0,0,1,0,1.788Zm8.18,8.485a6.238,6.238,0,1,1,.756-.046,6.579,6.579,0,0,1-.756.046Zm.014-10.676a4.6,4.6,0,0,0-.545.033,4.442,4.442,0,0,0,.534,8.852,4.544,4.544,0,0,0,.539-.033,4.442,4.442,0,0,0-.528-8.852Zm0,0"
transform="translate(-284.223 -407.356)" />
</g>
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="54"
height="54"
viewBox="0 0 54 54"
v-if="name === 8">
<defs>
<clipPath id="a"><rect fill="#333" width="24.57" height="28.306" /></clipPath>
</defs>
<circle fill="#f9f8f8" cx="27" cy="27" r="27" />
<g transform="translate(15.041 12.918)">
<g clip-path="url(#a)">
<path
class="a"
d="M294.919,433.291c-2.881-1.411-11.478-6.511-11.478-12.587V409.166a1.815,1.815,0,0,1,1.17-1.726,29.086,29.086,0,0,1,22.219,0,1.844,1.844,0,0,1,1.17,1.726V420.7c0,6.076-8.6,11.177-11.477,12.587a1.784,1.784,0,0,1-1.605,0ZM285.8,409.2a.732.732,0,0,0-.4.57v10.817c0,4.486,6.331,8.852,10.127,10.757.061.061.121.061.225.061s.18,0,.225-.061c3.8-1.89,10.127-6.271,10.127-10.757V409.766a.681.681,0,0,0-.4-.57,26.251,26.251,0,0,0-19.894,0Zm0,0"
transform="translate(-283.441 -405.211)" />
</g>
<path
fill="#333"
d="M294.687,423.433l-2.941-2.955c-.645-.645-.795-1.53-.33-1.98a1.475,1.475,0,0,1,1.981.33l2.46,2.46c1.545,1.545-.539,2.791-1.17,2.146Zm0,0"
transform="translate(-284.365 -406.771)" />
<path
fill="#333"
d="M295.653,421.13l6.661-5.6A1.226,1.226,0,1,1,303.8,417.3l-6.661,5.6a1.226,1.226,0,1,1-1.486-1.771Zm0,0"
transform="translate(-284.821 -406.388)" />
</g>
</svg>
</template>
app/components/PlatformIcons.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup>
defineProps({
name: { type: Number, required: true },
})
</script>
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 1">
<rect fill="none" opacity="0" width="70" height="70" />
<g transform="translate(4 5.345)">
<path
fill="currentColor"
d="M-21.272,125.917a9.189,9.189,0,0,1-9.179-9.179,9.189,9.189,0,0,1,9.179-9.179,9.173,9.173,0,0,1,9.062,8.032.538.538,0,0,0,.534.47H29.755a1.891,1.891,0,0,1,0,3.782H-12.276a.538.538,0,0,0-.5.337,9.128,9.128,0,0,1-8.5,5.737Zm0-14.576a5.4,5.4,0,0,0-5.4,5.4,5.362,5.362,0,0,0,1.58,3.817,5.362,5.362,0,0,0,3.816,1.582,5.412,5.412,0,0,0,4.675-2.7,5.413,5.413,0,0,0,0-5.4,5.413,5.413,0,0,0-4.674-2.7Z"
transform="translate(30.451 -107.559)" />
<path
fill="currentColor"
d="M-21.273,484.315a9.19,9.19,0,0,1-9.178-9.179,9.19,9.19,0,0,1,9.179-9.179A9.148,9.148,0,0,1-12.4,472.9a.538.538,0,0,0,.522.408.537.537,0,0,0,.071,0,1.433,1.433,0,0,0,.209-.046l.054-.015H29.782a1.891,1.891,0,0,1,0,3.783H-11.544l-.055-.015a1.441,1.441,0,0,0-.206-.046.544.544,0,0,0-.073,0,.538.538,0,0,0-.522.408,9.148,9.148,0,0,1-8.873,6.946Zm0-14.578a5.414,5.414,0,0,0-4.674,2.7,5.412,5.412,0,0,0,0,5.4,5.412,5.412,0,0,0,4.674,2.7,5.4,5.4,0,0,0,5.4-5.4,5.362,5.362,0,0,0-1.58-3.817,5.362,5.362,0,0,0-3.816-1.582Z"
transform="translate(30.451 -431.947)" />
<path
fill="var(--main-color)"
d="M355.441,367.342a1.891,1.891,0,1,1,0-3.783h21.9a1.891,1.891,0,0,1,0,3.783Z"
transform="translate(-317.11 -339.266)" />
<path
fill="var(--main-color)"
d="M355.441,700.142a1.891,1.891,0,1,1,0-3.783h21.9a1.891,1.891,0,0,1,0,3.783Z"
transform="translate(-317.11 -640.486)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 2">
<rect fill="none" width="70" height="70" />
<g transform="translate(4.44 3)">
<path
fill="currentColor"
d="M501.295,336.931a2.544,2.544,0,1,0,.745-1.8,2.544,2.544,0,0,0-.745,1.8Z"
transform="translate(-446.527 -312.805)" />
<path
fill="var(--main-color)"
d="M484.482,206.516a1.444,1.444,0,1,0-.131,0Z"
transform="translate(-431.606 -197.002)" />
<path
fill="currentColor"
d="M329.954,291.207a4.566,4.566,0,1,0,4.566-4.566,4.566,4.566,0,0,0-4.566,4.566Z"
transform="translate(-295.669 -270.767)" />
<path
fill="var(--main-color)"
d="M297.2,413.213a6.73,6.73,0,1,1,0,.163Z"
transform="translate(-266.827 -376.465)" />
<path fill="currentColor" d="M131.583,450.6a4.974,4.974,0,1,1,0,.163Z" transform="translate(-121.009 -410.815)" />
<path
fill="currentColor"
d="M45.2,217.736a2.05,2.05,0,0,1-2.061-2.005V155.923a2.078,2.078,0,0,1,4.157,0v56.913a.678.678,0,0,0,.678.678H101.4a.675.675,0,0,0,.291.065,2.078,2.078,0,0,1,0,4.157Z"
transform="translate(-43.143 -153.845)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 3">
<rect fill="none" width="70" height="70" />
<g transform="translate(2.24 2.158)">
<path
fill="currentColor"
d="M358.375,426.865a1.574,1.574,0,0,1-1.548-1.585V414.388a.664.664,0,0,0-.248-.518,13.235,13.235,0,1,1,16.527.057.664.664,0,0,0-.252.52v10.826a1.587,1.587,0,0,1-1.587,1.59h0a1.587,1.587,0,0,1-.834-.237l-.028-.016-.02-.011-5.184-3.01a.664.664,0,0,0-.667,0l-5.258,3.057a1.565,1.565,0,0,1-.786.212h-.051Zm2.221-10.742a.664.664,0,0,0-.664.664v4.637a.664.664,0,0,0,1,.574l2.709-1.575a.669.669,0,0,0,.114-.084,1.577,1.577,0,0,1,1.856-.2l3.067,1.78a.664.664,0,0,0,1-.574v-4.512a.664.664,0,0,0-.86-.634,13.3,13.3,0,0,1-8.014-.047A.665.665,0,0,0,360.6,416.123Zm4.282-22.618a10.055,10.055,0,1,0,10.055,10.055A10.067,10.067,0,0,0,364.878,393.505Z"
transform="translate(-312.273 -361.023)" />
<path
fill="var(--main-color)"
d="M418.69,463.471a6.1,6.1,0,1,1,6.1-6.1A6.1,6.1,0,0,1,418.69,463.471Zm0-9.016a2.918,2.918,0,1,0,2.918,2.918A2.921,2.921,0,0,0,418.69,454.455Z"
transform="translate(-366.085 -414.836)" />
<path
fill="currentColor"
d="M113.813,317.8a1.588,1.588,0,0,1,0-3.177H147.5a1.588,1.588,0,0,1,0,3.177Z"
transform="translate(-100.893 -294.183)" />
<path
fill="currentColor"
d="M113.921,503.88a1.589,1.589,0,0,1,0-3.177h13.616a1.589,1.589,0,0,1,0,3.177Z"
transform="translate(-100.988 -458.475)" />
<path
fill="currentColor"
d="M113.921,410.829a1.59,1.59,0,0,1,0-3.18h21.116a1.577,1.577,0,0,1,1.123.465,1.591,1.591,0,0,1,0,2.249,1.577,1.577,0,0,1-1.123.466Z"
transform="translate(-100.988 -376.319)" />
<path
fill="currentColor"
d="M18.546,205.949a3.1,3.1,0,0,1-3.093-3.093V143.2a3.1,3.1,0,0,1,3.093-3.093H71.89a3.1,3.1,0,0,1,3.093,3.093v18.934a1.59,1.59,0,0,1-3.18,0v-16.68a2.169,2.169,0,0,0-2.167-2.167H20.8a2.169,2.169,0,0,0-2.167,2.167V200.6a2.169,2.169,0,0,0,2.167,2.166H50.628a1.59,1.59,0,0,1,0,3.18Z"
transform="translate(-15.453 -140.108)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70.462" viewBox="0 0 70 70.462" v-if="name === 4">
<rect fill="none" width="70" height="70" transform="translate(0 0.462)" />
<g transform="translate(3.157)">
<path
fill="currentColor"
d="M38.153,170.914a10.519,10.519,0,0,1-5.252-1.407l-20.98-12.113a10.534,10.534,0,0,1-5.252-9.1V124.07a10.534,10.534,0,0,1,5.252-9.1L32.9,102.859a10.5,10.5,0,0,1,10.5,0l20.98,12.113a10.533,10.533,0,0,1,5.252,9.1V148.3a10.534,10.534,0,0,1-5.252,9.1l-20.98,12.113A10.516,10.516,0,0,1,38.153,170.914Zm0-65.131a6.138,6.138,0,0,0-2.5.529l-.029.014-.526.267-.029.016-20.98,12.113a6.189,6.189,0,0,0-3.059,4.751c0,.01,0,.02,0,.03L11,124.04c0,.01,0,.02,0,.03V148.3a6.186,6.186,0,0,0,2.586,5.023l.023.016.452.293.027.016,20.98,12.113a6.176,6.176,0,0,0,5.591.3l.029-.014.526-.267.029-.016,20.98-12.113a6.188,6.188,0,0,0,3.059-4.751c0-.01,0-.02,0-.03l.026-.538c0-.01,0-.02,0-.03V124.07a6.189,6.189,0,0,0-2.585-5.023l-.024-.016-.452-.293-.027-.016-20.98-12.113a.6.6,0,0,0-.06-.03A6.183,6.183,0,0,0,38.15,105.783Z"
transform="translate(-6.669 -101.452)" />
<path
fill="var(--main-color)"
d="M138.352,264.745a2.165,2.165,0,0,1-1.485-3.74l.285-.226,14.021-9.458a.616.616,0,0,0,.271-.511V233.868a2.164,2.164,0,0,1,4.306-.311l.023.335v16.825a.616.616,0,0,0,.3.528l14.441,8.678a2.165,2.165,0,0,1-1.118,4.018h0a2.15,2.15,0,0,1-.83-.166l-.295-.154-14.255-8.566a.616.616,0,0,0-.661.017l-13.8,9.31A2.153,2.153,0,0,1,138.352,264.745Z"
transform="translate(-122.125 -217.559)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 5">
<rect fill="none" width="70" height="70" />
<g transform="translate(-268.795 -392.198)">
<path
fill="currentColor"
d="M329.117,457.709H308.688a1.637,1.637,0,0,1,0-3.273h20.429a1.4,1.4,0,0,0,1.408-1.408V401.5a1.4,1.4,0,0,0-1.408-1.408H277.554a1.4,1.4,0,0,0-1.408,1.408v20.789a1.637,1.637,0,0,1-3.275,0V401.5a4.681,4.681,0,0,1,4.682-4.682h51.562A4.681,4.681,0,0,1,333.8,401.5v51.562a4.673,4.673,0,0,1-4.682,4.649Z" />
<path
fill="var(--main-color)"
d="M321.1,448.51h-15.26a1.223,1.223,0,1,1,0-2.445H321.1a1.044,1.044,0,0,0,1.053-1.051v-38.5a1.044,1.044,0,0,0-1.053-1.051H282.577a1.044,1.044,0,0,0-1.051,1.051v15.531a1.223,1.223,0,1,1-2.445,0V406.518a3.5,3.5,0,0,1,3.5-3.5H321.1a3.5,3.5,0,0,1,3.5,3.5v38.519a3.492,3.492,0,0,1-3.5,3.473Z"
transform="translate(1.498 1.498)" />
<path
fill="currentColor"
d="M281.673,447.894a1.621,1.621,0,0,1-1.637-1.636,5.491,5.491,0,0,0-5.5-5.5,1.637,1.637,0,0,1,0-3.273,8.774,8.774,0,0,1,8.774,8.774,1.62,1.62,0,0,1-1.636,1.636Z"
transform="translate(0.007 9.815)" />
<path
fill="currentColor"
d="M290.349,449.581a1.621,1.621,0,0,1-1.637-1.636,14.182,14.182,0,0,0-14.176-14.176,1.637,1.637,0,0,1,0-3.273,17.465,17.465,0,0,1,17.45,17.45,1.641,1.641,0,0,1-1.636,1.636Zm0,0"
transform="translate(0.007 8.129)" />
<path
fill="currentColor"
d="M299.809,451.42a1.62,1.62,0,0,1-1.636-1.636,23.669,23.669,0,0,0-23.638-23.638,1.637,1.637,0,0,1,0-3.273,26.953,26.953,0,0,1,26.911,26.911,1.621,1.621,0,0,1-1.637,1.636Z"
transform="translate(0.007 6.289)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 6">
<g transform="translate(0 -0.462)">
<rect fill="none" width="70" height="70" transform="translate(0 0.462)" />
<g transform="translate(-256.828 -381.85)">
<path
fill="currentColor"
d="M309.327,421.725a8.661,8.661,0,0,0-3.074-6.606,15.307,15.307,0,0,0,5.907-19.718,15.119,15.119,0,0,0-8.567-7.76,15.295,15.295,0,0,0-15.89,25.333H279.68a13.13,13.13,0,1,0-18.3,1.12,8.711,8.711,0,0,0-4.556,7.63v17.5a8.75,8.75,0,0,0,8.751,8.75h35a8.749,8.749,0,0,0,8.75-8.75v-2.187l11.246,9.371a3.8,3.8,0,0,0,6.254-2.736V417.35a4.454,4.454,0,0,0-.023-.447,3.961,3.961,0,0,0-6.163-2.721Zm-48.125-17.5a8.75,8.75,0,1,1,8.751,8.75,8.751,8.751,0,0,1-8.751-8.75Zm43.75,35a4.375,4.375,0,0,1-4.375,4.375h-35a4.375,4.375,0,0,1-4.375-4.375v-17.5a4.375,4.375,0,0,1,4.375-4.375h35a4.375,4.375,0,0,1,4.375,4.375ZM298.39,413a10.656,10.656,0,1,0-.011,0Zm24.063,30.6-13.126-10.937V426.1l13.126-8.75Zm0,0"
transform="translate(0 0)" />
<path
fill="var(--main-color)"
d="M299.03,445.815H269.156a2.237,2.237,0,0,1-2.237-2.236h0a2.237,2.237,0,0,1,2.237-2.237H299.03a2.237,2.237,0,0,1,2.237,2.237h0A2.237,2.237,0,0,1,299.03,445.815Z"
transform="translate(-1.272 -6.885)" />
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 7">
<rect fill="none" opacity="0" width="70" height="70" />
<g transform="translate(4 3.906)">
<path
fill="currentColor"
d="M27.976,145.539a6.9,6.9,0,1,0,6.9,6.9A6.91,6.91,0,0,0,27.976,145.539Zm0,10.736a3.834,3.834,0,1,1,3.834-3.834A3.839,3.839,0,0,1,27.976,156.275Z"
transform="translate(-21.074 -145.539)" />
<path
fill="var(--main-color)"
d="M455.078,228.2a6.9,6.9,0,1,0,6.9,6.9A6.91,6.91,0,0,0,455.078,228.2Zm0,10.737a3.834,3.834,0,1,1,3.834-3.834A3.839,3.839,0,0,1,455.078,238.94Z"
transform="translate(-400.628 -219)" />
<path
fill="currentColor"
d="M455.078,572.64a6.9,6.9,0,1,0,6.9,6.9A6.91,6.91,0,0,0,455.078,572.64Zm0,10.737a3.834,3.834,0,1,1,3.834-3.834A3.839,3.839,0,0,1,455.078,583.377Z"
transform="translate(-400.628 -525.092)" />
<path
fill="currentColor"
d="M241.528,445.2a6.9,6.9,0,1,0,6.9,6.9A6.91,6.91,0,0,0,241.528,445.2Zm0,10.737a3.835,3.835,0,1,1,3.834-3.834A3.839,3.839,0,0,1,241.528,455.937Z"
transform="translate(-210.852 -411.84)" />
<path
fill="currentColor"
d="M241.528,272.981a6.9,6.9,0,1,0,6.9,6.9A6.91,6.91,0,0,0,241.528,272.981Zm0,10.737a3.835,3.835,0,1,1,3.834-3.834A3.839,3.839,0,0,1,241.528,283.718Z"
transform="translate(-210.852 -258.793)" />
<path
fill="var(--main-color)"
d="M27.976,489.976a6.9,6.9,0,1,0,6.9,6.9A6.91,6.91,0,0,0,27.976,489.976Zm0,10.736a3.834,3.834,0,1,1,3.834-3.834A3.839,3.839,0,0,1,27.976,500.712Z"
transform="translate(-21.074 -451.631)" />
<path
fill="currentColor"
d="M116.009,260.943a1.531,1.531,0,0,1-1.255-.649L97.337,235.575a1.534,1.534,0,1,1,2.509-1.766l17.415,24.716a1.534,1.534,0,0,1-1.252,2.418Zm7.184.6a1.534,1.534,0,0,1-1.1-2.6l16.121-16.65a1.534,1.534,0,1,1,2.2,2.134l-16.12,16.65a1.531,1.531,0,0,1-1.1.466Zm0,0"
transform="translate(-88.599 -223.404)" />
<path
fill="currentColor"
d="M104.377,373.832a1.534,1.534,0,0,1-1.1-2.6l16.12-16.65a1.534,1.534,0,0,1,2.2,2.133l-16.12,16.65a1.53,1.53,0,0,1-1.1.466Zm0,0"
transform="translate(-93.74 -330.901)" />
<path
fill="currentColor"
d="M330.973,386.974a1.53,1.53,0,0,1-1.256-.651L312.3,361.606a1.534,1.534,0,1,1,2.505-1.768l17.418,24.719a1.532,1.532,0,0,1-1.252,2.417Zm0,0"
transform="translate(-279.611 -335.377)" />
</g>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="70"
height="70"
viewBox="0 0 70 70"
v-if="name === 8">
<defs>
<clipPath id="a">
<path
fill="currentColor"
d="M11.412-132.308a1.947,1.947,0,0,1-1.389-.573,1.971,1.971,0,0,1-.573-1.389v-13.655a.224.224,0,0,0-.191-.22c-2.262-.3-6.272-1.14-7.736-3.512a4.11,4.11,0,0,1-.179-3.917,21.447,21.447,0,0,1,5.613-7.3.222.222,0,0,0,.075-.139c.515-4.126,4.126-24.7,24.805-24.7,11.26,0,20.362,5.1,24.348,13.626,4.247,9.1,1.753,20.39-6.845,30.979a.2.2,0,0,0-.046.139v8.361a1.963,1.963,0,0,1-1.962,1.962,1.963,1.963,0,0,1-1.962-1.962v-9.154a1.964,1.964,0,0,1,.457-1.261c8-9.553,10.479-19.552,6.81-27.415-3.327-7.117-11.1-11.364-20.8-11.364-19.453,0-20.934,21.1-20.992,21.993a1.985,1.985,0,0,1-.8,1.47,18.018,18.018,0,0,0-5.115,6.347.226.226,0,0,0,0,.174c.411.972,3.8,1.8,6.573,1.938a1.963,1.963,0,0,1,1.869,1.956v13.464a.22.22,0,0,0,.22.22H24.547a1.963,1.963,0,0,1,1.962,1.962,1.963,1.963,0,0,1-1.962,1.962H11.412Z"
transform="translate(-0.935 187.711)" />
</clipPath>
<clipPath id="b">
<path
fill="var(--main-color)"
d="M76.273-113.5a1.962,1.962,0,0,1-1.846-1.3l-1.232-3.6a.225.225,0,0,0-.208-.15H66.512a.219.219,0,0,0-.208.145L65-114.772a1.946,1.946,0,0,1-1.817,1.221,2.013,2.013,0,0,1-.665-.116,1.954,1.954,0,0,1-1.2-2.442l6.729-18.724a1.962,1.962,0,0,1,1.846-1.3,1.96,1.96,0,0,1,1.852,1.325l6.405,18.73a1.969,1.969,0,0,1-1.232,2.459,1.842,1.842,0,0,1-.636.11ZM69.827-127.8a.219.219,0,0,0-.208.145l-1.747,4.872a.228.228,0,0,0,.029.2.222.222,0,0,0,.179.093h3.414a.222.222,0,0,0,.179-.093.228.228,0,0,0,.029-.2l-1.666-4.872a.214.214,0,0,0-.208-.145ZM82.846-113.65a1.931,1.931,0,0,1-1.962-1.892v-18.678a1.931,1.931,0,0,1,1.962-1.892,1.931,1.931,0,0,1,1.962,1.892v18.684a1.933,1.933,0,0,1-1.962,1.886Z"
transform="translate(-61.215 136.129)" />
</clipPath>
</defs>
<rect fill="none" width="70" height="70" />
<g transform="translate(6.263 7.246)">
<g clip-path="url(#a)">
<path fill="currentColor" d="M-4.065-192.711h60.24v58.365H-4.065Z" transform="translate(2.584 191.23)" />
</g>
<g clip-path="url(#b)" transform="translate(17.858 15.281)">
<path
fill="var(--main-color)"
d="M56.215-141.129H82.77v25.587H56.215Z"
transform="translate(-57.696 139.648)" />
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 9">
<rect fill="none" width="70" height="70" />
<g transform="translate(4.27 3.873)">
<g transform="translate(14.831 2.587)">
<path
fill="var(--main-color)"
d="M100.367,103.356c-9.14,0-16.211-12.589-16.211-28.627s7.071-28.8,16.211-28.8,16.21,12.589,16.21,28.627-7.071,28.8-16.21,28.8Zm0-53.978c-6.9,0-12.762,11.554-12.762,25.178s5.864,25.178,12.762,25.178,12.762-11.555,12.762-25.178-5.864-25.178-12.762-25.178Zm0,0"
transform="translate(-84.156 -45.929)" />
<rect fill="var(--main-color)" width="3.449" height="58.116" transform="translate(14.486 1.035)" />
</g>
<rect fill="currentColor" width="58.117" height="3.449" transform="translate(1.897 32.076)" />
<path
fill="currentColor"
d="M-79.958,73.973A31.133,31.133,0,0,1-111,42.932,31.133,31.133,0,0,1-79.958,11.89,31.133,31.133,0,0,1-48.917,42.932,31.133,31.133,0,0,1-79.958,73.973Zm0-58.634a27.673,27.673,0,0,0-27.592,27.592A27.674,27.674,0,0,0-79.958,70.524,27.674,27.674,0,0,0-52.366,42.932,27.674,27.674,0,0,0-79.958,15.339Zm0,0"
transform="translate(111 -11.89)" />
<path
fill="currentColor"
d="M22.786,41.635c-9.83,0-18.625-4.656-22.074-12.072L.195,28.529l.862-.862A30.237,30.237,0,0,1,22.786,18.7a30.236,30.236,0,0,1,21.729,8.967l.862.862-.517,1.035c-3.449,7.243-12.244,12.072-22.074,12.072ZM4.334,29.218c3.276,5.346,10.519,8.968,18.452,8.968s15.176-3.622,18.452-8.968a27.146,27.146,0,0,0-18.452-7.071A27.146,27.146,0,0,0,4.334,29.219Zm18.28,51.219A31.627,31.627,0,0,1,2.264,72.849L1.057,71.815l1.035-1.207c4.139-6.208,12.072-10,20.867-10,8.623,0,16.383,3.622,20.694,9.485l.862,1.207-1.207,1.035a30.921,30.921,0,0,1-20.695,8.105ZM5.886,71.3a26.891,26.891,0,0,0,16.728,5.691,27.638,27.638,0,0,0,17.245-6.036c-3.794-4.311-10-6.9-16.9-6.9-7.071,0-13.451,2.759-17.073,7.243Zm0,0"
transform="translate(8.255 -18.182)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 10">
<rect fill="none" width="70" height="70" />
<g transform="translate(-262.375 -386.633)">
<path
fill="currentColor"
d="M300.789,435.519a1.493,1.493,0,0,1-1.485-1.484V393.119a1.5,1.5,0,0,1,1.483-1.486h23.421a1.5,1.5,0,0,1,1.485,1.484V434.03a1.494,1.494,0,0,1-1.055,1.42l-.022.066-.409,0Zm21.933-2.972V394.609H302.274v37.938Zm-50.861-4.879a2.321,2.321,0,0,1-2.219-2.376V394a2.271,2.271,0,0,1,2.163-2.357h18.7a2.274,2.274,0,0,1,2.221,2.346v31.281a2.316,2.316,0,0,1-2.189,2.4H271.861Zm17.891-2.972V394.609h-17.14V424.7Z" />
<path
fill="currentColor"
d="M280.617,439.7v-.113a1.494,1.494,0,0,1-.919-1.369V426.186a1.485,1.485,0,1,1,2.97,0v12.076a1.482,1.482,0,0,1-1.479,1.439Z" />
<path
fill="currentColor"
d="M312.5,439.744a1.493,1.493,0,0,1-1.485-1.483v-4.227a1.486,1.486,0,0,1,2.971,0v4.221a1.493,1.493,0,0,1-.918,1.371v.115Z" />
<path fill="currentColor" d="M271.126,445.576a1.486,1.486,0,0,1,0-2.972h5.189a1.486,1.486,0,1,1,0,2.972Z" />
<path fill="currentColor" d="M317,445.576a1.486,1.486,0,1,1,0-2.972h7.3a1.486,1.486,0,0,1,0,2.972Z" />
<path
fill="currentColor"
d="M285.728,445.576a1.486,1.486,0,1,1,0-2.972H308a1.5,1.5,0,0,1,1.487,1.485,1.448,1.448,0,0,1-1.392,1.485l-.047,0Z" />
<path
fill="var(--main-color)"
d="M304.608,404.57a1,1,0,0,1-.942-1.057v-5.385a1.021,1.021,0,0,1,1-1.027H320.3a1.021,1.021,0,0,1,1.025,1.07l0,5.333a1.04,1.04,0,0,1-1.014,1.066H304.666Zm14.669-2.05V399.2H305.719v3.321Z" />
<path
fill="var(--main-color)"
d="M304.608,415.682a1,1,0,0,1-.942-1.057v-5.386a1.021,1.021,0,0,1,1-1.026l15.739,0a1,1,0,0,1,.925,1.069l0,5.332a1.038,1.038,0,0,1-1.015,1.067h-15.65Zm14.669-2.051v-3.319H305.719v3.319Z" />
<path fill="currentColor" d="M282.056,423.29" />
<path
fill="currentColor"
d="M276.958,451.086a1.492,1.492,0,0,1-1.485-1.485V438.579a1.493,1.493,0,0,1,1.483-1.485h8.633a1.491,1.491,0,0,1,1.486,1.483V449.6a1.491,1.491,0,0,1-1.485,1.486Zm7.146-2.973v-8.048h-5.666v8.048Z" />
<path
fill="currentColor"
d="M308.182,451.086A1.492,1.492,0,0,1,306.7,449.6V438.579a1.494,1.494,0,0,1,1.486-1.485h8.632a1.5,1.5,0,0,1,1.486,1.483V449.6a1.494,1.494,0,0,1-1.484,1.486h-8.633Zm7.146-2.973v-8.048h-5.665v8.048Z" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 11">
<rect fill="none" width="70" height="70" />
<g transform="translate(4.405 4.555)">
<path
fill="currentColor"
d="M254.2,540.207a30.512,30.512,0,0,1-35.166,20.3A58.134,58.134,0,0,0,253.9,540.585l.305-.378Z"
transform="translate(-194.722 -500.306)" />
<path
fill="currentColor"
d="M79.336,324.4a30.3,30.3,0,0,1,.919,6.224c-4.69,6.66-11.855,13.136-20.724,18.254s-18.063,8.092-26.175,8.816a30.223,30.223,0,0,1-4.935-3.914c8.307.268,18.836-2.514,29.076-8.425,9.694-5.6,17.091-12.823,21.183-19.8l.651-1.159Z"
transform="translate(-19.251 -301.648)" />
<path
fill="currentColor"
d="M3.45,202.75a30.966,30.966,0,0,1,2.278,3.93c-4.87,7.091-13.108,14.414-23.392,20.349S-38.4,236.443-46.98,237.118a30.964,30.964,0,0,1-2.27-3.946c8.022-.216,18.812-3.466,29.552-9.666,10.187-5.883,18.1-13.128,22.465-19.69Z"
transform="translate(52.249 -189.662)" />
<path
fill="currentColor"
d="M-42.211,80.176a30.768,30.768,0,0,1,3.93,2.473C-39.445,90.062-46.914,98.8-57.7,105.033s-22.1,8.328-29.1,5.626a30.943,30.943,0,0,1-.175-4.638c4.874,3.324,16.163,1.888,27.241-4.512C-49.1,95.371-42.325,86.779-42.191,80.9Z"
transform="translate(86.999 -76.828)" />
<path
fill="currentColor"
d="M-39.9,38.039a30.283,30.283,0,0,1,4.141.761c.037,5.822-5.7,12.986-14.271,17.933s-17.64,6.338-22.668,3.4a31.208,31.208,0,0,1,1.412-3.979c2.937,2.592,11.123,1.729,19.223-2.945,7.974-4.6,12.786-11.127,12.2-14.987l-.041-.183Z"
transform="translate(73.835 -38.039)" />
<path
fill="var(--main-color)"
d="M29.5,48.839c.842,1.461-2.416,4.923-7.282,7.73s-9.491,3.9-10.334,2.441c-.5-.862.435-2.425,2.291-4.137a30.613,30.613,0,0,1,4.992-3.588l1.021-.57a30.8,30.8,0,0,1,4.552-1.949c2.425-.757,4.259-.793,4.76.073Z"
transform="translate(-3.908 -47.386)" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 12">
<rect fill="none" opacity="0" width="70" height="70" />
<g transform="translate(-252.472 -376.362)">
<g transform="translate(264.731 386.127)">
<path
fill="var(--main-color)"
d="M273.059,387.664A5.919,5.919,0,1,0,277.3,389.4,5.92,5.92,0,0,0,273.059,387.664Zm.005,9.494a3.516,3.516,0,1,1,3.516-3.515A3.679,3.679,0,0,1,273.065,397.158Z"
transform="translate(-267.071 -387.663)" />
<path
fill="var(--main-color)"
d="M321.672,413.925a6.067,6.067,0,1,0,1.733,4.245A5.92,5.92,0,0,0,321.672,413.925Zm-4.24,7.761a3.516,3.516,0,1,1,3.516-3.515A3.679,3.679,0,0,1,317.431,421.686Z"
transform="translate(-277.886 -393.643)" />
<path
fill="var(--main-color)"
d="M273.059,437.466A5.917,5.917,0,1,0,277.3,439.2,5.916,5.916,0,0,0,273.059,437.466Zm.005,9.494a3.516,3.516,0,1,1,3.516-3.515A3.678,3.678,0,0,1,273.065,446.959Z"
transform="translate(-267.071 -399.804)" />
</g>
<path
fill="currentColor"
d="M312.542,381.362H262.129a4.665,4.665,0,0,0-4.657,4.657v50.405a4.665,4.665,0,0,0,4.657,4.657h50.405a4.662,4.662,0,0,0,4.657-4.657V386.019a4.656,4.656,0,0,0-4.648-4.657ZM260.8,421.582h53.08v14a2.371,2.371,0,0,1-2.367,2.371H263.163a2.371,2.371,0,0,1-2.371-2.371v-14Zm0-3.52V403.236h53.08v14.838H260.8Zm53.08-18.346H260.8v-13.1a2.12,2.12,0,0,1,2.119-2.12h48.594a2.371,2.371,0,0,1,2.367,2.372Zm0,0" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 13">
<rect fill="none" width="70" height="70" />
<g transform="translate(-262.576 -386.39)">
<path
fill="currentColor"
d="M329.13,390.408H310.77a2.295,2.295,0,0,0,0,4.59h6.885v13.769a6.885,6.885,0,0,1-6.885,6.885h-.191a13.774,13.774,0,0,0-27.158,0h-.191a6.885,6.885,0,0,1-6.885-6.885V395h6.885a2.295,2.295,0,0,0,0-4.59H264.871a2.295,2.295,0,1,0,0,4.59h6.884v13.769a11.475,11.475,0,0,0,11.475,11.475V423.6a29.832,29.832,0,0,0-16.064,26.473,2.3,2.3,0,0,0,2.3,2.3h9.18a2.295,2.295,0,0,0,0-4.59h-6.782a25.233,25.233,0,0,1,11.371-18.867v7.392a13.77,13.77,0,0,0,27.54,0v-7.392a25.233,25.233,0,0,1,11.371,18.867H315.36a2.295,2.295,0,0,0,0,4.59h9.18a2.3,2.3,0,0,0,2.294-2.3A29.831,29.831,0,0,0,310.77,423.6v-3.362a11.475,11.475,0,0,0,11.475-11.475V395h6.885a2.295,2.295,0,0,0,0-4.59Zm-22.95,45.9a9.18,9.18,0,1,1-18.36,0v-18.36a9.18,9.18,0,0,1,18.36,0Z" />
<path
fill="var(--main-color)"
d="M297,429.422a6.885,6.885,0,1,0,6.885,6.885A6.885,6.885,0,0,0,297,429.422Zm0,9.18a2.3,2.3,0,1,1,2.3-2.295A2.3,2.3,0,0,1,297,438.6Z" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" v-if="name === 14">
<rect fill="none" width="70" height="70" />
<g transform="translate(-243.716 -369.449)">
<path
fill="currentColor"
d="M265.222,448.125a8.608,8.608,0,0,1-2.408-.352,9.519,9.519,0,0,1-2.989-1.477l-11.837-7.815c-.053-.036-.106-.074-.155-.114a4.23,4.23,0,0,1-1.579-4.549,7.289,7.289,0,0,1,5.392-4.678,19.871,19.871,0,0,1,9.175,1.221.657.657,0,0,0,.525-.034l.047-.025,11.387-5.578-13.228-9.357a5.513,5.513,0,0,1-2.461-4.788,5.838,5.838,0,0,1,2.58-4.748,9.562,9.562,0,0,1,7.693-.625,16.14,16.14,0,0,1,3.608,1.547l15.991,9.316a4.34,4.34,0,0,0,3.433.084l3.9-1.571,4.993-2.107,2.1-.885c3.308-1.377,6.2-1.682,8.6-.906a6.084,6.084,0,0,1,3.068,2.047,7.153,7.153,0,0,1,1.374,5.51,9.289,9.289,0,0,1-3.8,5.506c-.043.03-.087.056-.132.082l-40.634,22.857a8.326,8.326,0,0,1-4.636,1.44Zm-2.936-5.064a5.463,5.463,0,0,0,1.78.841,4.193,4.193,0,0,0,3.592-.637c.045-.031.092-.059.139-.086l40.613-22.846a5.233,5.233,0,0,0,2.015-2.844,3.1,3.1,0,0,0-.653-2.349c-.191-.2-1.929-1.839-6.831.2l-2.077.877c-4.791,2.023-5.009,2.113-5.045,2.128l-3.906,1.574a8.41,8.41,0,0,1-6.782-.222c-.048-.023-.1-.048-.141-.075l-16.083-9.369-.047-.028c-1.181-.722-4.774-2.3-7.113-.9a1.918,1.918,0,0,0-.6,1.374,1.432,1.432,0,0,0,.7,1.317l.034.024,14.037,9.93.009.007a3.493,3.493,0,0,1-.414,5.934l-.048.024L263.2,433.939a4.723,4.723,0,0,1-3.785.233,15.8,15.8,0,0,0-7.2-1.012,3.315,3.315,0,0,0-1.388.824,1.9,1.9,0,0,0-.67.975.7.7,0,0,0,.164.187l11.8,7.8a1.5,1.5,0,0,1,.157.115Zm47.452-27.97s.01.014.027.036c-.009-.012-.017-.024-.027-.036Zm0,0"
transform="translate(-0.814 -11.201)" />
<path
fill="var(--main-color)"
d="M247.164,413.186a2.034,2.034,0,0,1-1.93-1.4A30.326,30.326,0,0,1,301.8,390.1c.337.766.645,1.556.916,2.346a2.032,2.032,0,0,1-3.844,1.321c-.235-.685-.5-1.367-.793-2.03a26.277,26.277,0,0,0-24.044-15.695,26.257,26.257,0,0,0-25.893,21.887,26.565,26.565,0,0,0-.361,4.367,26.178,26.178,0,0,0,1.315,8.226,2.033,2.033,0,0,1-1.93,2.669Zm0,0" />
</g>
</svg>
</template>
app/components/Presence.vue 0 → 100644
浏览文件 @ 579b75c1
<template>
<div>
<div class="presence-content-box">
<div class="content-main">
<div class="form-box">
<div class="title-box">
<div class="title-content">
<div class="bt">咨询报考</div>
</div>
</div>
<div class="form">
<div class="li">
<el-input v-model="form.name" placeholder="姓名"></el-input>
</div>
<div class="li">
<el-input v-model="f2" placeholder="性别"></el-input>
</div>
<div class="li">
<el-input v-model="form.phone" placeholder="手机"></el-input>
</div>
<div class="li">
<el-input v-model="f3" placeholder="请告诉我您来自"></el-input>
</div>
<div class="li">
<el-input v-model="f1" placeholder="请选择您要报名的证书"></el-input>
</div>
<div class="btn" @click="submit">立即提交</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { ref, reactive, getCurrentInstance } from 'vue'
import { submitApplicationForm } from '@/api/index'
// 表单字段
const f1 = ref('')
const f2 = ref('')
const f3 = ref('')
const form = reactive({
name: '',
phone: '',
project_id: 5009,
})
const { proxy } = getCurrentInstance()
const submit = () => {
const findNull = Object.values(form).findIndex((item) => item === '')
if (findNull !== -1) {
proxy?.$message('请完善信息')
return
} else {
const MOBILE_REG = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/
if (!MOBILE_REG.test(form.phone)) {
proxy?.$message('手机号格式错误')
return
}
}
const payload = {
...form,
comment: `#姓名：${f1.value};#性别：${f2.value};#请告诉我您来自：${f3.value}`,
}
submitApplicationForm(payload)
.then((res) => {
if (res && res.status === 200) {
proxy?.$message({ type: 'success', message: '提交成功' })
} else {
proxy?.$message.error('提交失败')
}
})
.catch(() => {})
}
</script>
<style lang="scss" scoped>
.presence-content-box {
padding-top: 80px;
.content-main {
padding-top: 24px;
.form-box {
width: 1300px;
height: 500px;
margin: 0 auto 40px;
background: url(https://webapp-pub.ezijing.com/www/pc/next/cert/cert_application_bg.png);
background-size: 100% 100%;
display: flex;
justify-content: space-between;
.title-box {
width: 580px;
height: 160px;
background: rgba(170, 25, 65, 0.4);
box-shadow: 0px 0px 122px rgba(0, 0, 0, 0.07);
margin-top: 170px;
position: relative;
.title-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 380px;
height: 200px;
background: #aa1941;
}
.bt {
font-size: 22px;
line-height: 100%;
color: #ffffff;
text-align: center;
margin-top: 90px;
}
}
.form {
width: 401px;
background: #ffffff;
margin-top: 54px;
box-sizing: border-box;
padding: 40px 50px;
height: fit-content;
margin-right: 116px;
.li {
margin-bottom: 20px;
}
.btn {
font-size: 18px;
line-height: 32px;
color: #ffffff;
width: 281px;
background: #aa1941;
border-radius: 4px;
text-align: center;
cursor: pointer;
}
}
}
}
}
</style>
app/components/home/enterprise.vue
浏览文件 @ 579b75c1
......@@ -30,10 +30,15 @@ const rows = [
],
[
{
name: '全国科学技术名词审定委员会',
icon: 4,
desc: `2022年，清控紫荆教育与全国科学技术名词审定委员会双方就数字经济方向设立科研课题、数字经济领域学术成果发表、数字经济人才培养、国际论坛交流活动等方面进行深入探讨和交流，并举行战略合作签约仪式。`,
name: '工信部',
icon: 7,
desc: `2025：工信部职业技能提升行动-人工智能通识应用评价组织
2024：工信部职业技能提升行动-智能数据分析与实战应用评价组织
2024： 工信部职业技能提升行动-智能数字营销与实战应用）评价组织`,
},
{
name: '中国标准出版社',
icon: 5,
......@@ -47,13 +52,11 @@ const rows = [
],
[
{
name: '工信部',
icon: 7,
desc: `2025：工信部职业技能提升行动-人工智能通识应用评价组织
2024：工信部职业技能提升行动-智能数据分析与实战应用评价组织
name: '中华全国供销合作总社',
icon: 10,
desc: `2025：“数智营销”纳入工种考试系统“商务数据分析 纳入工种考试系统共同开发人社部“商务数据分析师”“营销员”数字教材
2024： 工信部职业技能提升行动-智能数字营销与实战应用）评价组织`,
2024：提供新职业职业技能在线课程（商务数据分析师、营销员/营销师`,
},
{
name: '中国经济出版社',
......@@ -70,11 +73,9 @@ const rows = [
],
[
{
name: '供销合作总社',
icon: 10,
desc: `2025：“数智营销”纳入工种考试系统“商务数据分析 纳入工种考试系统共同开发人社部“商务数据分析师”“营销员”数字教材
2024：提供新职业职业技能在线课程（商务数据分析师、营销员/营销师`,
name: '国家新闻出版署',
icon: 13,
desc: `2024：副组长单位参与全国新闻出版标准技术委员会《数字教材平台接口》、《高等教育和职业教育数字出版产品质量要求》数字教材两项行业标准制定`,
},
{
name: '中国金融出版社',
......@@ -89,10 +90,14 @@ const rows = [
],
[
{
name: '国家新闻出版署',
icon: 13,
desc: `2024：副组长单位参与全国新闻出版标准技术委员会《数字教材平台接口》、《高等教育和职业教育数字出版产品质量要求》数字教材两项行业标准制定`,
name: '国家广播电视总局',
icon: 16,
desc: `2025：2025-2028人社部“网络主播”行业职业二类国赛广电技术支持单位人社部“网络主播”工种考试系统
2024：首届网络视听行业职业技能大赛技术支持单位
第二届网络视听行业职业技能大赛技术支持单位`,
},
{
name: '中国科学技术出版社',
icon: 17,
......@@ -106,12 +111,9 @@ const rows = [
],
[
{
name: '国家广播电视总局',
icon: 16,
desc: `2025：2025-2028人社部“网络主播”行业职业二类国赛广电技术支持单位人社部“网络主播”工种考试系统
2024：首届网络视听行业职业技能大赛技术支持单位
第二届网络视听行业职业技能大赛技术支持单位`,
name: '全国科学技术名词审定委员会',
icon: 4,
desc: `2022年，清控紫荆教育与全国科学技术名词审定委员会双方就数字经济方向设立科研课题、数字经济领域学术成果发表、数字经济人才培养、国际论坛交流活动等方面进行深入探讨和交流，并举行战略合作签约仪式。`,
},
{
name: '西安交通大学出版社',
......
app/components/home/honor.vue
浏览文件 @ 579b75c1
<script setup>
const rows1 = [
`中国中小企业协会
副会长单位`,
`中国电子商会
元宇宙专业委员会
副理事长单位`,
`河北省电子商务
`中国中小企业协会
数字经济人才专业委员会
秘书长单位`,
`全国数智商业
产教融合共同体
副理事长单位`,
`企业信用平价
AAA级
信用企业`,
`全国数智商业
`河北省电子商务
产教融合共同体
副理事长单位`,
`ISO 9001
质量管理体系
认证企业`,
]
const rows2 = [
'国家高新技术企业',
`ISO 27001
信息安全管理体系
认证企业`,
`ISO 9001
质量管理体系
认证企业`,
`企业信用平价
AAA级
信用企业`,
`质量服务
诚信单位`,
`2025-2026
诚信供应商`,
`中国中小企业协会
副会长单位`,
`ISO 27001
信息安全管理体系
认证企业`,
`诚信经营
示范单位`,
]
......@@ -42,10 +46,14 @@ const rows2 = [
</div>
<div class="home-honor-main">
<ul>
<li v-for="item in rows1" :key="item">{{ item }}</li>
<li v-for="item in rows1" :key="item">
<span>{{ item }}</span>
</li>
</ul>
<ul>
<li v-for="item in rows2" :key="item">{{ item }}</li>
<li v-for="item in rows2" :key="item">
<span>{{ item }}</span>
</li>
</ul>
</div>
</div>
......@@ -108,13 +116,13 @@ const rows2 = [
position: relative;
width: 174px;
height: 200px;
font-size: 18px;
font-size: 14px;
line-height: 24px;
background: url(~/assets/images/home/honor_bg.png) no-repeat center center;
color: #fff;
text-align: center;
white-space: pre-wrap;
padding-top: 62px;
padding-top: 58px;
&::before {
content: '';
......@@ -131,6 +139,12 @@ const rows2 = [
&:hover {
background: url(~/assets/images/home/honor_bg_hover.png) no-repeat center center;
}
span {
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
}
}
}
......
app/components/home/menu.vue
浏览文件 @ 579b75c1
......@@ -8,32 +8,32 @@ const menuGroups = [
{
name: '人工智能应用<br/>实践通识课',
iconName: 'ai',
path: '/digital/yx_1',
path: '/ai',
},
{
name: '新商科综合实践<br/>教学平台',
iconName: 'business',
path: '/digital/yx_2',
path: '/platform',
},
{
name: '新工科综合实践<br/>教学平台',
iconName: 'engineering',
path: '/digital/yx_3',
path: '/platform',
},
{
name: '数智经济<br/>产教融合基地',
iconName: 'economy',
path: '/digital/zf_1',
path: '/digital/base',
},
{
name: '数字教材',
iconName: 'textbook',
path: '/digital/sz',
path: '/book',
},
{
name: '技能大赛',
iconName: 'competition',
path: '/digital/ds',
path: '/competition',
},
],
},
......@@ -53,12 +53,12 @@ const menuGroups = [
{
name: '职业证书',
iconName: 'certificate',
path: '/',
path: '/certificate',
},
{
name: '就业服务',
iconName: 'career',
path: '/',
path: '/job',
},
{
name: '更多',
......
app/components/home/personal.vue
浏览文件 @ 579b75c1
......@@ -87,13 +87,13 @@ const items = ref([
},
],
moreText: '了解更多职业技能',
moreHref: 'https://eec.ezijing.com',
moreHref: '/certificate',
},
{
name: '就业服务',
items: [{ name: '1V1定制化' }, { name: '全程辅导' }, { name: '内推面试' }, { name: '内推入职' }],
moreText: '了解更多就业服务',
moreHref: '/',
moreHref: '/job',
},
])
......
app/components/home/school.vue
浏览文件 @ 579b75c1
......@@ -55,14 +55,14 @@ const rows = [
},
{
icon: 6,
items: [{ name: '产教融合实训基地', href: '/digital/zf_1' }],
items: [{ name: '产教融合实训基地', href: '/digital/base' }],
},
{
icon: 7,
items: [
{ name: '国赛', href: '/digital/ds' },
{ name: '省赛', href: '/digital/ds' },
{ name: '行业赛', href: '/digital/ds' },
{ name: '国赛', href: '/competition' },
{ name: '省赛', href: '/competition' },
{ name: '行业赛', href: '/competition' },
],
},
{
......@@ -90,20 +90,20 @@ const rows = [
icon: 10,
title: '新商科',
desc: [
{ name: 'AIGC智能营销实验室', href: '/digital/ds' },
{ name: 'AIGC金融工程智能创新实验室', href: '/digital/ds' },
{ name: 'AIGC融媒体实验室', href: '/digital/ds' },
{ name: 'AIGC网络主播实验室', href: '/digital/ds' },
{ name: 'AIGC智能营销实验室', href: '/competition' },
{ name: 'AIGC金融工程智能创新实验室', href: '/competition' },
{ name: 'AIGC融媒体实验室', href: '/competition' },
{ name: 'AIGC网络主播实验室', href: '/competition' },
],
},
{
icon: 11,
title: '低空经济',
desc: [
{ name: '低空技术', href: '/digital/ds' },
{ name: '低空文旅', href: '/digital/ds' },
{ name: '低空物流', href: '/digital/ds' },
{ name: '…', href: '/digital/ds' },
{ name: '低空技术', href: '/competition' },
{ name: '低空文旅', href: '/competition' },
{ name: '低空物流', href: '/competition' },
{ name: '…', href: '/competition' },
],
},
],
......@@ -116,7 +116,7 @@ const rows = [
btns: [
{ name: '人工智能基础：数据分析通识课', href: 'https://eec.ezijing.com/product' },
{ name: '人工智能应用通识课', href: 'https://eec.ezijing.com/AI' },
{ name: '数字教材', href: '/digital/sz' },
{ name: '数字教材', href: '/book' },
{ name: '个性化智能学习平台', href: 'https://saas-learn.ezijing.com/' },
{ name: '紫荆e-SaaS', href: 'https://e-saas.ezijing.com/' },
],
......@@ -332,7 +332,7 @@ const rows = [
.home-school-box-ai {
padding: 38px 155px !important;
background-image: url('~/assets/images/icon/icon_ai.png');
background-image: url('~/assets/images/home/icon_ai.png');
background-position: right center;
background-repeat: no-repeat;
......
app/pages/ai/index.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup>
const ysList = [
{
name: `从AI工具应用者
成为问题的解决者`,
desc: '我们不只教您工具，更注重培养AI应用思维的系统性，通过真实的企业业务场景行业案例，让您在AI用用中掌握PSP系统解决问题的流程，包括问题界定、根本原因分析以及寻找潜在解决方案等六步骤流程，真正做到灵活运用AI工具。',
icon: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_icon_1.png',
bg: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_bg_1.png',
},
{
name: `内置海量行业
真实数据集和案例集`,
desc: '平台内置海量高质量真实行业数据集，配套教学课程及10个行业真实案例，实现教学与行业的无缝对接。',
icon: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_icon_2.png',
bg: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_bg_2.png',
},
{
name: `工业级人工智能应用
实践教学平台`,
desc: '以 “无缝对接真实工作场景” 为核心：依托教育适配改造，平台剔除工业场景中冗余的复杂操作，保留核心实战模块，让学生能以更简便的方式上手实操，在贴近产业实际的环境中完成实战训练，实现从校园学习到职场应用的顺畅过渡。',
icon: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_icon_3.png',
bg: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_bg_3.png',
},
{
name: `从零基础到
AI应用专家`,
desc: '平台构建了“三阶段”、“六篇章”循序渐进的学习路径，无论您是AI小白还是资深从业者，每一步都将是能力的飞跃。',
icon: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_icon_4.png',
bg: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_bg_4.png',
},
{
name: `平台具备多种特色功能
且部署灵活`,
desc: '平台一站式融合了40余种AI应用工具，助您掌握40余个效率起飞神器，实现高质量、高效产出。平台支持公有云、私有云、混合云等多种灵活部署方式，完美适配高校自身AI算力现状。',
icon: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_icon_5.png',
bg: 'https://webapp-pub.ezijing.com/www/pc/next/ai/ys_bg_5.png',
},
]
const jxList = [
{
name: '第一阶段：入门',
subTitle: '基础起步阶段',
items: [
{
num: '01',
name: '准备篇',
desc: '帮助学员理解学习AI应用技能的必要性，掌握常见应用场景，并建立正确的学习心态。',
},
{
num: '02',
name: '基础对话篇',
desc: '手把手教会AI时代的人机对话“关键钥匙”，掌握提示词的重要性，学习基础提示语结构、CO-STAR和RTGO等黄金对话技巧。',
},
],
},
{
name: '第二阶段：熟练',
subTitle: '掌握40余个AI工具集',
items: [
{
num: '03',
name: '效率飞跃篇',
desc: '深入掌握40余个效率起飞神器，通过微博文章生成、文生图、文生视频、数字人视频、PPT制作等真实案例，实现高质量高效产出。',
},
{
num: '04',
name: '场景实战篇',
desc: '直达企业典型业务场景，通过场景化实操，灵活运用AI工具，掌握问题分析、问题界定和解决问题的方法。',
},
],
},
{
name: '第三阶段：精通',
subTitle: 'AI专业生产力提升',
items: [
{
num: '05',
name: '综合案例实战篇',
desc: '真实参与不同行业的项目案例，基于真实项目夯实AI工具应用能力和解决问题的综合能力，支持多岗位、多角色协同工作。',
},
{
num: '06',
name: '专业生产力提升篇',
desc: '覆盖6大类18个常见企业岗位，将AI赋能融入岗位能力，帮助学生快速进入角色、上手AI应用。',
},
],
},
]
const bzList = [
{
name: '产品服务',
desc: `产品安装服务
产品配置调试服务
产品免费升级服务
……`,
},
{
name: '资源服务',
desc: `配套课程资源
课程资源免费更新服务
行业案例免费升级服务
……`,
},
{
name: '产品技术支持',
desc: `产品功能与性能巡检
产品使用分析与建议
产品在线技术支持
产品电话技术支持
……`,
},
{
name: '培训服务',
desc: `产品使用培训
产品维护培训
……
`,
},
]
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="ai-page">
<div class="banner">
<div class="banner-inner">
<h1>人工智能应用实践通识课</h1>
<span class="line"></span>
<h2>“三阶段-六篇章”的AI应用通识能力渐进式学习路线</h2>
<p>
课程从零基础到AI应用专家，通过”三阶段”、”六篇章”构建循序渐进的学习路径，系统讲解40余个核心AI工具与方法，并独创“方法论引领+场景化实战”教学模式，通过贯穿全程的企业真实业务场景，引导学生在实践中掌握知识、熟练工具，最终培养其运用AI技术分析与解决企业实际问题的综合应用能力。
</p>
</div>
</div>
<section class="section">
<h2 class="section-title">产品核心优势</h2>
<div class="section-inner">
<div class="ys-list">
<div class="ys-list-item" v-for="item in ysList" :key="item.name">
<img :src="item.bg" :alt="item.name" class="bg" />
<div class="content">
<img :src="item.icon" :alt="item.name" />
<h3>{{ item.name }}</h3>
<p>{{ item.desc }}</p>
</div>
</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/ai/feature.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">
为打破传统AI教育中理论与实践脱节、知识更新滞后的困境，平台创新性地构建“授人以渔+场景化训练”教学模式，依托“三阶段六篇章”渐进式教学路径，将10个覆盖多领域的行业案例与学校专业课程深度融合，搭配全程贯穿的场景化实战训练，全方位提升学习者的学习效果与AI应用能力。平台将教学过程科学划分为入门、熟练、精通三个阶段，每个阶段分别包含两个核心篇章：“三阶段-六篇章”渐进式学习路线
</p>
<div class="jx-list">
<div class="jx-list-item" v-for="item in jxList" :key="item.name">
<h2>{{ item.name }}</h2>
<h3>{{ item.subTitle }}</h3>
<dl v-for="item in item.items" :key="item.name">
<dt>{{ item.num }}</dt>
<dd>
<h4>{{ item.name }}</h4>
<p>{{ item.desc }}</p>
</dd>
</dl>
</div>
</div>
</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">
<h2 class="section-title">服务保障介绍</h2>
<div class="section-inner">
<p class="bz-desc">
“五步走”实施路径与服务保障：从课程设计到师资培训、理论教学、实践教学再到项目实战，我们与高校紧密配合，提供标准服务（产品安装、技术支持、资源更新等）和增值服务（顶层设计、师资培训、行业讲座、科研服务、教学服务），构建教育数字化转型闭环。
</p>
<div class="bz-list">
<div class="bz-list-item" v-for="item in bzList" :key="item.name">
<h3>{{ item.name }}</h3>
<p>{{ item.desc }}</p>
</div>
</div>
<p class="bz-desc">
产品自研，技术实力雄厚：清控紫荆教育坚持产品自研，技术实力十分雄厚。公司拥有一支30余人的技术研发团队，经过近10年持续自主研发沉淀，技术愈发精湛。团队成员由30余位来自哈佛、哥伦比亚、清华、北大等国际一流大学的人才组成，是国际化的专业团队，且40%以上员工具有研究生及研究生以上学历，高学历人才占比高，为技术研发提供了坚实的人才支撑。此外，公司还持有多项由中华人民共和国国家版权局颁发的计算机软件著作权登记证书，彰显出强大的自主创新与技术成果转化能力。
</p>
<div class="bz-pics">
<img src="https://webapp-pub.ezijing.com/www/pc/next/ai/fwbz_1.png" alt="" width="278" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/ai/fwbz_2.png" alt="" width="962" />
</div>
</div>
</section>
</div>
</template>
<style lang="scss">
.ai-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/ai/ai_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;
}
}
}
.ys-list {
display: flex;
justify-content: space-between;
.ys-list-item {
position: relative;
height: 340px;
gap: 13px;
border-radius: 12px;
overflow: hidden;
transition: all 0.3s;
&:hover {
box-shadow: 0px 0px 22px 1px rgba(0, 0, 0, 0.12);
.content {
top: 0;
background-color: #fff;
p {
display: block;
}
}
}
.bg {
width: 100%;
height: 100%;
}
.content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 165px;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
img {
width: 53px;
}
h3 {
padding: 23px 0 30px;
font-size: 18px;
white-space: pre-wrap;
text-align: center;
}
p {
display: none;
font-size: 14px;
line-height: 20px;
color: #666;
}
}
}
}
.jx-desc {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.jx-list {
margin-top: 60px;
display: flex;
gap: 35px;
&-item {
padding: 0 25px;
height: 480px;
background: linear-gradient(180deg, #e5cfd5 0%, #ffffff 40%);
border-radius: 12px;
h2 {
padding: 50px 0 20px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
font-size: 22px;
text-align: center;
}
h3 {
padding-bottom: 20px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 18px;
text-align: center;
}
dl {
height: 130px;
padding: 20px 20px 0 10px;
margin: 20px 0;
display: flex;
border: 1px solid #e2e2e2;
border-radius: 12px;
gap: 14px;
}
dt {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
font-size: 30px;
color: #e3a7b8;
line-height: 24px;
}
dd {
h4 {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 18px;
line-height: 1;
}
p {
margin-top: 15px;
font-size: 14px;
line-height: 22px;
}
}
}
}
.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;
dl {
}
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;
}
.bz-list {
padding: 80px 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
&-item {
padding: 30px 40px;
height: 200px;
background: url('https://webapp-pub.ezijing.com/www/pc/next/ai/fwbz_bg.png') no-repeat;
background-size: 100% 100%;
&:hover {
background: url('https://webapp-pub.ezijing.com/www/pc/next/ai/fwbz_hover.png') no-repeat;
h3 {
color: var(--main-color);
}
}
h3 {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
font-size: 22px;
margin-bottom: 22px;
}
p {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 24px;
white-space: pre-wrap;
}
}
}
.bz-pics {
padding: 60px 0 70px;
display: flex;
align-items: center;
justify-content: space-between;
}
.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;
}
}
}
}
</style>
app/pages/certificate/index.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup>
const certList = [
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_1.png',
name: '人工智能通识应用',
tags: ['AI知识体系', '人机交互', 'AI应用素养'],
desc: '本项目旨在培养学员掌握人工智能，特别是大模型技术的通识性理论与应用技能，使其成为具备AI素养、符合数字时代要求的复合型人才。',
href: 'https://eec.ezijing.com/AI',
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_2.png',
name: '智能数据分析与实战应用',
tags: ['分级精准培养', '技能层层递进', '权威证书认证'],
desc: '本培训分初、中、高三级培养智能数据分析人才，递进提升数据技能，考核合格颁发对应等级工信部证书，助力胜任各层级岗位并赋能企业决策。',
href: 'https://eec.ezijing.com/product',
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_3.png',
name: '智能数据营销与实战应用',
tags: ['营销技能实战', '数字策略掌握', '权威认证加持'],
desc: '智能数字营销与实战应用证书分初、中、高三级，系统培养营销实战、数字策略能力，权威认证加持，助力胜任各层级相关岗位。',
href: 'https://eec.ezijing.com/',
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_4.png',
name: '中/高端酒店总经理培养项目',
tags: ['双方导师培养', '真实运营案例', '岗位直通快车'],
desc: '瑞士酒店MBA中心与万达酒店高管联合授课，先进理论+万达酒店运营案例，学员深度参与酒店运营，全面提升薄弱项和简历含金量；考核优秀者直通万达酒店副/总经理岗位面试。',
href: 'https://wdm.ezijing.com/',
},
{
img: 'https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/next/cert/cert_5.png',
name: '私人财富风险管理课程',
tags: ['专家联合研发', '聚焦财富风控', '碎片系统学习'],
desc: '本项目旨在培育未来十年私人财富市场引领者，助学员突破认知、升级心智，强化风控能力，专家研发适配碎片学习，权威出品赋能行业。',
href: 'https://prp.ezijing.com/',
},
]
const bzfwList = [
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_1.png',
title: '产品服务',
desc: '产品安装服务<br/>产品配置调试服务<br/>产品免费升级服务<br/>……',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_2.png',
title: '资源服务',
desc: '配套课程资源<br/>课程资源免费更新服务<br/>行业案例免费升级服务<br/>……',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_3.png',
title: '培训服务',
desc: '产品使用培训<br/>产品维护培训<br/>……',
},
{
icon: 'https://webapp-pub.ezijing.com/www/pc/digital/yx_1_1/bzfw_4.png',
title: '产品技术支持',
desc: '产品功能与性能巡检<br/>产品使用分析与建议<br/>产品在线技术支持<br/>产品电话技术支持<br/>……',
},
]
// 增值服务
const zzfwList = ['顶层设计服务', '技能培训服务', '行业讲座服务', '科研服务', '教学服务']
</script>
<template>
<div class="cert-page">
<div class="banner">
<div class="banner-inner">
<h1>一张证书 解锁职场新可能</h1>
<span class="line"></span>
<p>正规备案·官方认可・行业刚需</p>
</div>
</div>
<section class="section">
<div class="section-inner">
<div class="cert-list">
<div class="cert-list-item first">
<h2>
<span>一纸职业证</span><br />
职场硬底气
</h2>
</div>
<div class="cert-list-item" v-for="item in certList" :key="item.name">
<img :src="item.img" alt="item.name" />
<div class="cert-list-item-content">
<h3>{{ item.name }}</h3>
<ul>
<li v-for="tag in item.tags" :key="tag">{{ tag }}</li>
</ul>
<p>{{ item.desc }}</p>
<div class="more">
<NuxtLink :href="item.href" target="_blank"><span>查看详情</span><IconsIconMore /></NuxtLink>
</div>
</div>
</div>
</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/cert/cert_flow.png" alt="报考流程" style="width: 100%" />
</div>
</section>
<section class="section" v-if="false">
<h2 class="section-title">通知公告</h2>
<div class="section-inner"></div>
</section>
<!-- 报名 -->
<Presence></Presence>
</div>
</template>
<style lang="scss">
.cert-page {
background-color: #fff;
.section {
&-title {
margin: 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/cert/cert_banner.png') 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;
h1 {
font-size: 60px;
font-weight: bold;
line-height: 1;
}
h2 {
margin-top: 20px;
font-size: 48px;
font-weight: bold;
line-height: 1;
color: var(--main-color);
}
.line {
margin: 46px 0;
width: 60px;
height: 6px;
background: #333;
}
p {
font-size: 24px;
}
}
}
.cert-list {
margin-top: 90px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px 40px;
&-item {
position: relative;
height: 400px;
background: linear-gradient(225deg, #f0ece7 0%, #fdfafb 43.35%, #e7e7f4 100%);
border-radius: 12px;
overflow: hidden;
&.first {
display: flex;
align-items: center;
justify-content: center;
h2 {
font-weight: bold;
font-size: 30px;
color: #333333;
line-height: 42px;
span {
color: var(--main-color);
}
}
}
img {
height: 140px;
}
&:hover {
box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.12);
.cert-list-item-content {
top: 0;
}
p {
display: block;
}
.more {
border-radius: 33px 33px 33px 33px;
border: 1px solid #6c6c6c;
padding: 0 20px;
span {
display: inline-block;
}
}
}
&-content {
padding: 30px;
position: absolute;
top: 140px;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(225deg, #f0ece7 0%, #fdfafb 43.35%, #e7e7f4 100%);
transition: all 0.3s;
border-radius: 12px;
h3 {
font-size: 22px;
font-weight: bold;
}
ul {
margin-top: 30px;
display: flex;
gap: 10px;
}
li {
padding: 0 12px;
background: #fff;
height: 26px;
font-size: 14px;
color: #6c6c6c;
line-height: 26px;
border-radius: 33px;
white-space: nowrap;
}
p {
display: none;
margin-top: 30px;
padding-top: 40px;
font-size: 16px;
color: #6c6c6c;
line-height: 22px;
border-top: 1px solid #d5d5d5;
}
.more {
position: absolute;
bottom: 30px;
width: 200px;
height: 42px;
line-height: 42px;
display: flex;
align-items: center;
a {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
span {
display: none;
}
}
}
}
}
.bz-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 38px;
li {
position: relative;
transition: all 0.3s;
&:hover {
transform: scale(1.06);
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.cover {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
}
h4 {
padding: 64px 0 45px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
p {
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: 40px;
text-align: center;
}
}
.zz-list {
display: flex;
gap: 25px;
li {
flex: 1;
font-size: 22px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #333333;
line-height: 80px;
text-align: center;
border: 1px solid var(--main-color);
border-left-width: 10px;
}
}
}
</style>
app/pages/digital/zf_1.vue → app/pages/digital/base.vue
浏览文件 @ 579b75c1
<!-- 引产入校 -->
<template>
<div>
<div class="base-page">
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/banner.png" />
<img src="https://webapp-pub.ezijing.com/www/pc/next/digital/base/base_banner.jpg" />
<div class="cover">
<div class="cover-inner">
<h2>数字技能公共实训基地</h2>
<span></span>
<h6>1个数字展区 · 3个技能实训区 · 8个实训中心 · 5个运营中心</h6>
<h6><em>1</em>个数字展区 · <em>3</em>个技能实训区 · <em>8</em>个实训中心 · <em>5</em>个运营中心</h6>
<p>
围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p>
......@@ -15,13 +15,22 @@
</div>
</div>
<section class="section">
<!-- <div class="section-inner">
<h2 class="section-title">数字技能公共实训基地</h2>
<p class="section-desc">
围绕区域经济发展目标，“政产学研用金”六位一体协同引领，以创新职业教育模式为特色，汇聚和引领优质教育和产业资源，多方共同打造“数字技能公共实训基地”，培养和集聚一批符合当地数字产业发展需要的创新型高技能人才，为区域产业发展提供人才支撑。
</p>
</div> -->
<div class="section-pic"><img src="https://webapp-pub.ezijing.com/www/pc/digital/zf_1/1.png" class="img1" /></div>
<div class="section-inner">
<h2 class="section-title">“1385”建设规划</h2>
<p class="section-title-desc">建设”1385“样板基地，培养区域数字技能人才，促进当地劳动就业</p>
<div class="plan-list">
<div class="plan-list-item" v-for="item in planList" :key="item.num">
<h3>
<span>{{ item.num }}</span
>个
</h3>
<h4>{{ item.title }}</h4>
<ul>
<li v-for="item in item.items" :key="item">{{ item }}</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
......@@ -44,13 +53,48 @@ const jfalList = ref([
'https://webapp-pub.ezijing.com/www/pc/digital/zf_1/al_1.png',
'https://webapp-pub.ezijing.com/www/pc/digital/zf_1/al_2.png',
])
const planList = [
{
num: '1',
title: '数字展区',
items: ['AR互动数字展区', 'VR互动数字展区', 'MR互动数字展区'],
},
{
num: '3',
title: '技能实训区',
items: ['数字核心技能实训区', '信创人才实训区', '数字技术创新实训区'],
},
{
num: '8',
title: '实训中心',
items: ['商业数据分析实训中心', '数字营销实训中心', '数字媒体技术实训中心', '信创人才实训中心'],
},
{
num: '5',
title: '运营中心',
items: [
'数字学习和教学管理中心',
'数字人才培训中心',
'数字人才考试与认证中心',
'国际数字人才交流中心',
'数字人才就业服务平台',
],
},
]
</script>
<style lang="scss" scoped>
.base-page {
background-color: #fff;
}
.banner {
margin-bottom: 100px;
position: relative;
img {
width: 100%;
height: 650px;
object-fit: cover;
}
.cover {
position: absolute;
......@@ -58,42 +102,37 @@ const jfalList = ref([
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4039);
line-height: 1;
color: #ffffff;
h2 {
font-size: 42px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-size: 60px;
font-family: Source Han Sans CN, 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: 24px 0;
width: 42px;
height: 3px;
background: #ffffff;
margin: 46px 0;
width: 60px;
height: 6px;
background: #333;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
margin-bottom: 30px;
font-size: 24px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
em {
color: var(--main-color);
font-style: normal;
}
}
p {
max-width: 644px;
font-size: 14px;
max-width: 717px;
font-size: 18px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
line-height: 30px;
}
a {
margin-top: 28px;
......@@ -110,23 +149,18 @@ const jfalList = ref([
}
.cover-inner {
height: 100%;
max-width: 1300px;
max-width: 1200px;
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;
width: 1200px;
margin: 0 auto;
padding: 100px 0;
padding-bottom: 100px ;
}
.section-title {
margin-bottom: 36px;
......@@ -136,6 +170,15 @@ const jfalList = ref([
line-height: 32px;
color: #333333;
text-align: center;
&-desc {
margin: 36px 0;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 34px;
color: #666666;
text-align: center;
}
}
.section-subtitle {
display: inline-block;
......@@ -170,8 +213,44 @@ const jfalList = ref([
}
}
.img1 {
min-width: 1300px;
min-width: 1200px;
height: 759px;
object-fit: cover;
}
.plan-list {
background-color: var(--main-color);
display: flex;
padding: 54px 0;
height: 375px;
&-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
border-left: 1px dashed #fff;
color: #fff;
h3 {
font-size: 16px;
span {
font-family: Source Han Sans CN, Source Han Sans CN;
padding: 0 5px;
font-size: 44px;
}
}
h4 {
padding: 20px 0;
font-size: 18px;
}
li {
font-size: 14px;
color: #ffffff;
line-height: 30px;
text-align: center;
}
&:first-child {
border-left: none;
}
}
}
</style>
app/pages/international/index.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup></script>
<template>
<div>
<h1>国际合作</h1>
</div>
</template>
<style lang="scss" scoped></style>
app/pages/job/index.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup>
const tabIndex = ref(0)
const tabList = [{ name: '高端1v1' }, { name: '企业内推' }, { name: '企业直签' }]
const ysList = [
{
name: '十年品牌 值得信任',
desc: '不夸大辅导结果，严谨细致评估学生硬件，软件，性格特点，近期状态及就业需求，量身定制就业方案。',
},
{
name: '实力过硬 不满意随时退款',
desc: '学生的求职结果与口碑，是我们最关心的指标，10年坚守口碑，尽最大努力给学生最好结果，不满意随时退款。',
},
{
name: '强大内推资源 求职效率高',
desc: '求职专家1对1辅导+名企内推资源，大大提高求职成功率，拓宽就业机会，选择更适合学生的岗位。',
},
]
const faList = [
{
name: '职业测评：全面了解自己',
desc: '依托专业测评工具，从性格特点、能力优势、职业倾向等多维度进行科学分析，帮助求职者客观认知自我，明确职业方向；',
},
{
name: '职业规划：确定求职策略',
desc: '结合测评结果与行业趋势，针对性解决 “发展方向模糊”、“岗位选择困惑” 等问题，制定清晰的短期目标与长期职业路径，确定求职策略；',
},
{
name: '简历设计：获得更多面试机会',
desc: '聚焦 “如何获得更多面试机会”，精准提炼个人核心竞争力，突出与岗位高度契合的特长专长，通过结构化呈现与亮点突出，让简历在筛选中脱颖而出；',
},
{
name: '网申辅导：获得更多面试机会',
desc: '手把手给经验给技巧，网申投递不走弯路，效率更高；',
},
{
name: '面试辅导：拿到offer',
desc: '覆盖面试全周期，面试前梳理行业知识与岗位认知、模拟高频问题应答，面试中指导沟通技巧与临场应变，面试后复盘总结相关问题，全方位提升通过率；',
},
{
name: '岗位内推：拿到offer',
desc: '跳过常规投递流程，将简历直达匹配岗位 HR，实现快速对接、精准匹配，大幅节省时间成本；',
},
{
name: 'offer分析：决定去还是不去',
desc: '从城市发展潜力、行业前景、公司规模与文化、岗位权责、晋升空间到薪资结构与福利体系，多维度综合评估，助力选择最适合的 offer；',
},
{
name: '试用期辅导：安全扶上马',
desc: '提供试用期生存指南，针对试用期核心考核点，提供工作方法优化、职场人际关系处理等指导，助力快速适应岗位，平稳通过试用期考核。',
},
]
</script>
<template>
<div class="job-page">
<div class="banner">
<div class="banner-inner">
<h1>专注大学生名企求职</h1>
<h2>一站式服务</h2>
<span class="line"></span>
<p>强大内推资源助力高效斩获 offer！</p>
</div>
</div>
<section class="section">
<h2 class="section-title">就业中心介绍</h2>
<div class="section-inner">
<p class="job-desc">
<strong
>清控紫荆大学生就业辅导中心，以结果为导向，打通学生、企业、就业辅导老师三方，帮学生找到好单位，帮单位找到好学生！</strong
>提供求职辅导、名企内推、留学等一站式服务。帮助中国千万大学生提升软实力与硬实力，找到适合自己的好工作！
</p>
<p class="job-desc">
<strong>清控紫荆大学生就业辅导中心</strong
>汇聚百余位资深行业专家，针对央国企、互联网大厂、金融机构等名企招聘特点，从职业规划、简历设计、笔试辅导、面试技巧、入职辅导等，提供全流程1v1求职辅导，为学生定制求职方案，让学生少走弯路，直达目标岗位。
</p>
</div>
</section>
<section class="section">
<h2 class="section-title">就业指导服务</h2>
<div class="job-service">
<ul class="job-service-list">
<li
v-for="(item, index) in tabList"
:key="item.name"
:class="{ 'is-active': tabIndex === index }"
@mouseenter="tabIndex = index">
{{ item.name }}
</li>
</ul>
<div class="job-service-bg">
<div class="job-service-content">
<template v-for="(item, index) in tabList" :key="item.name">
<div class="job-service-item" v-show="tabIndex === index">
<template v-if="index === 0">
<h3>高端1v1全流程求职培训</h3>
<h4>1名老师手把手负责到底</h4>
<p class="t1">适合人群：应届与未毕业大学生<br />优势：花小钱办大事、早规划早上岸</p>
<p class="t2">
1、系统性提升求职能力<br />2、认知提升+刻意练习<br />3、全流程、1v1、手把手、180天陪伴辅导
</p>
</template>
<template v-if="index === 1">
<h3>企业内推</h3>
<h4>无需网申，直接面试</h4>
<p class="t1">适合人群：应届与未毕业大学生 <br />优势：量身定制，直接面试，成功率高</p>
<p class="t2">
1、无需网申，直接面试<br />
2、精准匹配，量身定制
</p>
</template>
<template v-if="index === 2">
<h3>企业直签</h3>
<h4>直接入职目标名企</h4>
<p class="t1">适合人群：毕业1-5年大学生或者大龄职场人 <br />优势：就业周期短</p>
<p class="t2">
1、强大企业资源，匹配最适合单位<br />
2、先定金后全款，无风险更放心
</p>
</template>
<div class="btn">立即咨询</div>
</div>
</template>
</div>
</div>
</div>
</section>
<section class="section">
<h2 class="section-title">就业辅导优势</h2>
<div class="section-inner">
<div class="ys-list">
<div class="item" v-for="item in ysList" :key="item.name">
<div class="item-name">{{ item.name }}</div>
<div class="item-desc">{{ item.desc }}</div>
</div>
</div>
</div>
</section>
<section class="section">
<h2 class="section-title">就业解决方案</h2>
<div class="section-inner">
<h2 class="fa-title">1v1求职培训</h2>
<p class="fa-desc">
<strong>8 步就业辅导体系</strong>覆盖求职全流程，精准解决核心问题，为求职者提供科学、高效的就业支持
</p>
<div class="fa-list">
<div
:class="{ item: true, 'item-left': index % 2 === 0, 'item-right': index % 2 === 1 }"
v-for="(item, index) in faList"
:key="item.name">
<div class="item-number">0{{ index + 1 }}</div>
<div class="item-content">
<h3 class="item-name">{{ item.name }}</h3>
<p class="item-desc">{{ item.desc }}</p>
</div>
<div class="item-icon">
<JobIcons :name="index + 1" />
</div>
</div>
</div>
</div>
</section>
<section style="padding-bottom: 90px">
<div class="section-inner">
<AppContact :type="1" />
</div>
</section>
</div>
</template>
<style lang="scss">
.job-page {
background-color: #fff;
.section {
&-title {
margin: 60px 0;
font-weight: bold;
font-size: 30px;
color: #333;
line-height: 1;
text-align: center;
}
&-inner {
max-width: 1300px;
margin: 0 auto;
}
}
.banner {
height: 650px;
background: url('~/assets/images/job/job_banner.png') 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;
h1 {
font-size: 60px;
font-weight: bold;
line-height: 1;
}
h2 {
margin-top: 20px;
font-size: 48px;
font-weight: bold;
line-height: 1;
color: var(--main-color);
}
.line {
margin: 46px 0;
width: 60px;
height: 6px;
background: #333;
}
p {
font-size: 24px;
}
}
}
.job-desc {
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 30px;
}
.job-service {
&-bg {
height: 560px;
background: #f0f2f5 url('~/assets/images/job/job_service_bg.png') no-repeat center bottom;
background-size: cover;
}
&-list {
display: flex;
align-items: center;
justify-content: center;
background-color: #f0f2f5;
gap: 120px;
height: 80px;
li {
width: 180px;
height: 60px;
font-size: 20px;
line-height: 60px;
text-align: center;
background-color: #fff;
border-radius: 12px;
&.is-active {
color: #fff;
font-weight: bold;
background-color: var(--main-color);
}
}
}
&-content {
width: 1300px;
margin: 0 auto;
height: 100%;
}
&-item {
padding-top: 100px;
h3 {
font-size: 30px;
font-weight: bold;
line-height: 42px;
color: var(--main-color);
}
h4 {
font-size: 24px;
line-height: 42px;
}
.t1 {
margin-top: 40px;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 20px;
color: #333333;
line-height: 30px;
}
.t2 {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 30px;
}
.btn {
margin-top: 80px;
width: 200px;
height: 42px;
background: #aa1941;
border-radius: 33px;
font-family: Source Han Sans CN;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 42px;
text-align: center;
}
}
}
.ys-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
.item {
background: #f0f2f5;
border-radius: 12px;
overflow: hidden;
&-name {
line-height: 120px;
font-size: 22px;
color: #fff;
background-color: var(--main-color);
text-align: center;
}
&-desc {
padding: 40px 45px;
font-size: 16px;
line-height: 28px;
}
}
}
.fa-title {
font-weight: bold;
font-size: 22px;
color: #333333;
line-height: 46px;
}
.fa-desc {
font-weight: 400;
font-size: 18px;
color: #333333;
line-height: 30px;
}
.fa-list {
padding: 50px 0 90px;
display: flex;
flex-direction: column;
.item {
display: flex;
align-items: center;
position: relative;
&::after {
position: absolute;
content: '';
width: 1px;
height: 100%;
background: #d5d5d5;
}
&-left {
border-radius: 12px 12px 88px 12px;
.item-icon {
right: -77px;
}
&::after {
right: -50px;
}
}
&-right {
margin-top: -45px;
border-radius: 12px 12px 12px 88px;
align-self: flex-end;
.item-icon {
left: -77px;
}
&::after {
left: -51px;
}
}
&-number {
padding-left: 20px;
font-size: 70px;
font-weight: bold;
color: #d5d5d5;
}
&-content {
padding: 0 20px;
}
&-name {
font-size: 18px;
color: #333333;
line-height: 32px;
font-weight: bold;
}
&-desc {
margin-top: 10px;
font-weight: 400;
font-size: 16px;
color: #333333;
line-height: 26px;
}
&-icon {
position: absolute;
top: 0;
z-index: 1;
}
width: 600px;
height: 140px;
background-color: #efecea;
&:nth-child(4n + 1),
&:nth-child(4n + 2) {
background-color: #efecea;
}
&:nth-child(4n + 3),
&:nth-child(4n + 4) {
background-color: #dee2ea;
}
&:last-child {
&::after {
display: none;
}
}
}
}
}
</style>
app/pages/platform/index.vue 0 → 100644
浏览文件 @ 579b75c1
<script setup>
const skList = ref([
{
icon: 1,
title: '商业数据分析实验室',
desc: `培养数字经济底层思维能力的
工业级实训平台`,
more: '/digital/yx_1_1',
},
{
icon: 2,
title: '数字营销实验室',
desc: `培养企业数字化转型核心技能的
工业级实训平台`,
more: '/digital/yx_1_2',
},
{
icon: 3,
title: 'AIGC智能营销实验室',
desc: `AIGC赋能营销全链路
打造智能创作与效果优化平台`,
},
{
icon: 4,
title: `AIGC金融工程智能
创新实验室`,
desc: `以AIGC驱动金融量化与产品创新
构建智能金融工程研发阵地`,
},
{
icon: 5,
title: `AIGC融媒体实验室`,
desc: `AIGC融合融媒体生产
实现内容创作与多平台分发的
高效实践基地`,
},
{
icon: 6,
title: `AIGC网络直播实验室`,
desc: `聚焦AIGC直播场景应用
提供虚拟主播与智能互动
解决方案平台`,
},
])
const gkList = ref([
{
icon: 7,
title: '大数据实验室',
desc: `综合培养大数据
基础知识及专业知识的
一站式实训平台`,
more: '/digital/yx_1_3',
},
{
icon: 8,
title: '人工智能开发实验室',
desc: `重在人工智能
基础知识及应用的
一站式实训平台`,
more: '/digital/yx_1_4',
},
{
icon: 9,
title: '信息安全实验室',
desc: `一站式信创信息安全
实训平台`,
},
{
icon: 10,
title: '网络安全实验室',
desc: `聚焦网络攻防技术研究与人才培养
打造实战型网络安全实验室`,
},
{
icon: 11,
title: '物联网实验室',
desc: `全面涵盖5G及边缘计算的
新一代物联网
实训平台`,
},
])
const dkjjList = [
{
icon: 12,
title: `低空数据分析实训平台`,
desc: `聚焦低空数据挖掘与应用
打造专业化、实战型数据分析实训基地`,
},
{
icon: 13,
title: `智能无人机应用技术中心`,
desc: `聚焦于城市末端物流配送的真实业务闭环
是最贴近“未来城市快递”场景的实训室`,
},
{
icon: 14,
title: `低空物流运营实训中心`,
desc: `专注于干线/支线中长距离物流运输的运营与规划
技术含量和专业化程度极高`,
},
]
</script>
<template>
<div>
<div class="banner">
<img src="https://webapp-pub.ezijing.com/www/pc/next/platform/platform_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>
<p class="section-desc">
深入调研数字经济产业人才需求，契合地方经济产业数字化转型需要，深入推进学校专业数字化改造，以商业数分析、数字营销为核心技能贯穿商科底层逻辑，聚焦专业数字化改造与升级，切实培养地方经济真正需要的数字经济人才。
</p>
<div class="gk-list">
<div class="gk-item active is-border" v-for="item in skList" :key="item.title">
<div class="gk-item__pic">
<PlatformIcons :name="item.icon" />
</div>
<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>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">新工科</h2>
<p class="section-desc">
基于国家信创发展大趋势，建设完全国产自主知识产权的先进信创人才实训区，从“特色软件人才培养”和“国产化信息系统运维”两个路径为国产化替换填补人才。
</p>
<div class="gk-list">
<div class="gk-item active" v-for="item in gkList" :key="item.title">
<div class="gk-item__pic" style="padding: 40px 0 30px">
<PlatformIcons :name="item.icon" />
</div>
<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>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="section-inner">
<h2 class="section-title">低空经济</h2>
<div class="gk-list">
<div class="gk-item active" v-for="item in dkjjList" :key="item.title">
<div class="gk-item__pic" style="padding: 40px 0 30px">
<PlatformIcons :name="item.icon" />
</div>
<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>
</div>
</div>
</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/platform/ys.png" />
</div>
</div>
</section>
</div>
</template>
<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: #ffffff;
h2 {
font-size: 60px;
font-family: Source Han Sans CN-Bold, Source Han Sans CN;
font-weight: bold;
line-height: 1;
}
span {
margin: 46px 0;
width: 60px;
height: 6px;
background: #ffffff;
}
h6 {
margin-bottom: 24px;
font-size: 20px;
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
line-height: 1;
letter-spacing: 2px;
}
p {
max-width: 736px;
font-size: 16px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
line-height: 26px;
}
}
.cover-inner {
height: 100%;
max-width: 1200px;
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-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%;
}
}
.gk-list {
margin-top: 80px;
display: flex;
justify-content: space-between;
}
.gk-item {
min-height: 260px;
text-align: center;
transition: all 0.3s;
border-radius: 12px;
&:hover {
transform: scale(1.06);
background-color: var(--main-color);
h2,
p,
a {
color: #fff;
}
.gk-item__pic {
color: #fff;
--main-color: #fff;
}
}
&__pic {
color: #666;
padding: 16px 0 33px;
}
&__content {
padding: 0 12px;
h2 {
font-size: 18px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 22px;
color: var(--main-color);
white-space: pre-wrap;
}
p {
margin: 22px 0;
font-size: 14px;
color: #666;
white-space: pre-wrap;
}
a {
color: var(--main-color);
}
}
}
</style>
package-lock.json
浏览文件 @ 579b75c1
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
浏览文件 @ 579b75c1
......@@ -14,7 +14,7 @@
"@nuxtjs/i18n": "^10.2.1",
"axios": "^1.13.2",
"element-plus": "^2.13.0",
"nuxt": "^4.2.2",
"nuxt": "^4.3.0",
"qs": "^6.14.0",
"swiper": "^12.0.3",
"vue": "^3.5.26",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论