Skip to content

common / new-official-website

Go to a project
Commit 41d4b903 by 杨泽平
Options

防止404暂时把web端教育介绍页挂载到移动端

parent ccfa2fc1
Showing with 269 additions and 0 deletions
pages/mobile/edu.vue 0 → 100644
<!-- 等美工出UI，先暂时放电脑端的页面 -->
<template>
<div class="container">
<Navbar-edu />
<!-- <Sidebar /> -->
<Synopsis-edu v-bind="synopsisInformation" />
<Exhibition-edu v-bind="demoInformation" />
<Functions v-bind="functionInformation1" />
<Application-scenarios-edu />
<Functions v-bind="coreFunctionInformation" />
<Exhibition-edu v-bind="customerCaseInformation" />
<More-edu />
<Footer-edu />
</div>
</template>
<script>
import ApplicationScenariosEdu from '@/components/ApplicationScenariosEdu.vue'
import NavbarEdu from '@/components/NavbarEdu.vue'
import FooterEdu from '@/components/FooterEdu.vue'
import SynopsisEdu from '@/components/SynopsisEdu.vue'
// import Sidebar from '@/components/Sidebar.vue'
import ExhibitionEdu from '@/components/ExhibitionEdu.vue'
import Functions from '@/components/Function.vue'
import MoreEdu from '@/components/moreEdu.vue'
import bg from '@/assets/images/edu/background/bg@2x.png'
import bg2 from '@/assets/images/edu/background/bg2@2x.png'
import bg3 from '@/assets/images/edu/background/bg3.png'
import ticket from '@/assets/images/edu/ticket2x.png'
import platformPic from '@/assets/images/edu/platform@2x.png'
import exModel from '@/assets/images/edu/ex_model.png'
import cloudSave from '@/assets/images/edu/cloud_save.png'
import cloudServer from '@/assets/images/edu/cloud_server.png'
import crossPlatform from '@/assets/images/edu/cross_platform.png'
import pushFlow from '@/assets/images/edu/push_flow.png'
import onlineInteraction from '@/assets/images/edu/online_interaction.png'
import courseRecover from '@/assets/images/edu/course_recover.png'
import handwritingCourse from '@/assets/images/edu/handwriting_course.png'
import courseCollection from '@/assets/images/edu/course_collection.png'
import homework from '@/assets/images/edu/homework.png'
import schoolWebsite from '@/assets/images/edu/school_website.png'
import materialCenter from '@/assets/images/edu/material-center.png'
import danbinApp from '@/assets/images/edu/danbin_app.png'
import guideProduction from '@/assets/images/edu/guide_production.png'
import videoEdit from '@/assets/images/edu/video_edit.png'
import vrSchool from '@/assets/images/edu/vr_school.png'
import lingxuePlatform from '@/assets/images/edu/lingxue_platform.png'
export default {
components: {
NavbarEdu,
FooterEdu,
SynopsisEdu,
// Sidebar,
ExhibitionEdu,
Functions,
ApplicationScenariosEdu,
MoreEdu
},
setup() {
const synopsisInformation = {
title: '校园智媒教学云平台',
subtitle: '打造以学生为中心的智能融媒体传播平台',
desc:
'为校园融媒文化建设提供一站式解决方案，全面展示学校的教育教学成果、校园文化活动以及师生的精彩生活，推动教育信息化、数字化发展，为学生提供更广阔的学习空间和发展平台。',
background: bg
}
const demoInformation = {
ticket,
introducation: [
{
type: 'abstract',
content: {
maintitle: '一校一平台、多校共平台',
subtitle: '助力教育资源优质均衡发展',
text: [
'根据权限层级资源分配，各级账号都能快速创建属于自己的班级网站，校园网站，区县级教育资源；',
'支持页面自定义搭建，零代码快速搭建网站；',
'资源互通，支持灵活拓展，按需配置。'
]
},
material: {
type: 'image',
addr: platformPic
}
}
]
}
const functionInformation1 = {
title: '轻量化：高效便捷，云端智享',
background: bg2,
functions: [
{
name: '模块可拓展',
image: exModel,
description: '微服务架构支持用户根据业务需求灵活添加或按需扩展'
},
{
name: '云端数据存储',
image: cloudSave,
description: '数据存储在阿里云，媒资视频云端存储，减少对用户设备存储空间的需求'
},
{
name: '云服务器',
image: cloudServer,
description: '降低对本地计算资源的占用，保证高效率、高性能'
},
{
name: '跨平台兼容性',
image: crossPlatform,
description:
'可通过不同的设备（如PC、平板、智能手机等）随时随地使用，打破了操作系统、设备类型的限制，不受传统模式的硬件限制，降低成本'
}
]
}
const coreFunctionInformation = {
title: '核心功能',
background: bg3,
functions: [
{
name: '讲师推流助手',
image: pushFlow,
description: '轻量化网页在线授课工具，支持获取电脑摄像头、桌面投屏、画板书写、手写笔书写等多种授课方式'
},
{
name: '连线互动',
image: onlineInteraction,
description: '支持老师和学生一对一语音连线，支持学生举手申请连线，满足各类课堂问答互动场景'
},
{
name: '自动课堂回放',
image: courseRecover,
description: '直播课结束后，支持自动为课程视频添加片头片尾，合成回放视频'
},
{
name: '手写笔授课',
image: handwritingCourse,
description: '配合硬件手写笔与手写本使用，可直接将本册上的文字以黑板书写的方式展示直播'
},
{
name: '课程合集管理',
image: courseCollection,
description: '系统化学习，支持学习进度追踪，保持课程学习连贯性'
},
{
name: '作业与题库',
image: homework,
description: '支持课后给学生布置作业，通过批改自动统计错题情况，支持评语与打分，提高学习效率'
},
{
name: '校园网站搭建',
image: schoolWebsite,
description: '通过聚合页可将直播课程、校园TV活动直播、课程合集进行汇聚展示，快速搭建各级学习网站'
},
{
name: '素材中心',
image: materialCenter,
description: '一键管理平台各类图片、视频、音频素材，支持跨层级素材查看和引用'
},
{
name: '校园单兵App',
image: danbinApp,
description: '基于云服务的轻量化媒体采编工具，只用手机即可轻松进行现场活动直播、多人视频连线等'
},
{
name: '多场景导播制作',
image: guideProduction,
description: '一键开启云导播台进行校园TV导播，支持画中画、多信道、主预监监看、多人视频连线、语音连麦等'
},
{
name: '视频在线编辑',
image: videoEdit,
description: '简单好用的帧级专业剪辑，云端服务，摆脱剪辑时空限制'
},
{
name: 'VR全景校园',
image: vrSchool,
description: '通过慢直播，实现虚拟现实教学，展示校园文化，校园动态实时传递，增强校园透明化管理'
}
]
}
const customerCaseInformation = {
ticket,
hasBtn: false,
hasTitle: true,
title: '客户案例',
introducation: [
{
type: 'abstract',
content: {
maintitle: '领学互助公益平台',
subtitle: '黔西南布依族苗族自治州试点',
text: [
'该项目已在贵州黔西南州、广东珠海两地进行服务器部署，现阶段正在安龙加油书院等多所学校进行重点试点。',
'广电云全程提供技术支持，全面贯彻党的教育方针，助力落实立德树人，助力教育信息化与教育资源优质均衡发展'
]
},
material: {
type: 'image',
addr: lingxuePlatform
}
}
]
}
return {
synopsisInformation,
demoInformation,
functionInformation1,
coreFunctionInformation,
customerCaseInformation
}
}
}
</script>
<style lang="scss" scoped>
.container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin: 0 auto;
text-align: center;
::v-deep .function-container {
width: 1400px;
}
::v-deep .function-title {
color: #333333;
}
::v-deep .function-details {
margin-top: 72px;
margin-bottom: 72px;
gap: 85px 0;
}
::v-deep .function-details-item {
padding: 20px 20px;
}
::v-deep .function-details-item-container {
height: 360px;
// height: auto;
// margin: 100px 0 !important;
}
::v-deep .function-details-item-container-image {
align-items: center;
height: 30%;
img {
width: 58px;
height: 58px;
object-fit: cover;
}
}
::v-deep .function-details-item-container-scope-name {
font: {
size: 24px;
weight: 600;
}
color: #333333;
margin-bottom: 20px;
line-height: 32px;
}
::v-deep .function-details-item-container-scope-description {
text-align: justify;
font: {
size: 20px;
weight: 400;
}
line-height: 30px;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment