前端补正
This commit is contained in:
xvv
parent
d7485379f8
commit
6836af3090
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<router-view />
|
<router-view />
|
||||||
<theme-picker />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -49,4 +49,9 @@ export default {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
/* 文字颜色 */
|
/* 文字颜色 */
|
||||||
}
|
}
|
||||||
|
.about-conts {
|
||||||
|
width: 80%;
|
||||||
|
margin: 80px auto;
|
||||||
|
padding: 30px 0;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -163,60 +163,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footers></footers>
|
<footers></footers>
|
||||||
<!-- <div class="index-footer">-->
|
|
||||||
<!-- <div class="footer">-->
|
|
||||||
<!-- <div class="logo">-->
|
|
||||||
<!-- <div class="d-s">-->
|
|
||||||
<!-- <div class="logo-box">-->
|
|
||||||
<!-- <img :src="baseInfo.webImg" />-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="logo-size">-->
|
|
||||||
<!-- {{this.baseInfo.webName}}-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="footer-contact">-->
|
|
||||||
<!-- <div class="p">-->
|
|
||||||
|
|
||||||
<!-- <img src="../assets/gw/tel.png" alt="">-->
|
|
||||||
<!-- <div class="pp">电话：{{this.baseInfo.contactNumber}}</div>-->
|
|
||||||
|
|
||||||
<!-- </div>-->
|
|
||||||
|
|
||||||
<!-- <div class="p">-->
|
|
||||||
|
|
||||||
<!-- <img src="../assets/gw/email.png" alt="">-->
|
|
||||||
<!-- <div class="pp">邮箱：{{this.baseInfo.contactEmail}}</div>-->
|
|
||||||
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="p">-->
|
|
||||||
|
|
||||||
<!-- <img src="../assets/gw/address.png" alt="">-->
|
|
||||||
<!-- <div class="pp">地址：{{ this.baseInfo.address }}</div>-->
|
|
||||||
|
|
||||||
<!-- </div>-->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="footer-nav">-->
|
|
||||||
<!-- <div class="footer-nav-item" v-for="item in itemsWithoutFirst">-->
|
|
||||||
<!-- <div class="tt">{{ item.label }}</div>-->
|
|
||||||
<!-- <a href="" v-for="childrenItem in item.children">{{ childrenItem.label }}</a>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="web_icp">-->
|
|
||||||
<!-- <div class="left">-->
|
|
||||||
<!-- <a href="">版权所有：{{ this.baseInfo.copyrightInfo }}</a>-->
|
|
||||||
<!-- <a href="">备案信息：{{ this.baseInfo.recordInfo }}</a>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <div class="right">-->
|
|
||||||
<!-- <div class="">返回顶部</div>-->
|
|
||||||
<!-- <img src="../assets/gw/top.png" alt="">-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- </div>-->
|
|
||||||
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -357,7 +303,6 @@ export default {
|
|||||||
return this.tablist.length > 0 ? this.tablist.slice(1) : [];
|
return this.tablist.length > 0 ? this.tablist.slice(1) : [];
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
tabClick(item){
|
tabClick(item){
|
||||||
if(item.label=="联系我们"){
|
if(item.label=="联系我们"){
|
||||||
@ -416,12 +361,6 @@ export default {
|
|||||||
<style scoped>
|
<style scoped>
|
||||||
.top-box {
|
.top-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/* height: 1000px; */
|
|
||||||
/* background: url(''); */
|
|
||||||
/* background-size: cover; */
|
|
||||||
/* 背景图片铺满盒子 */
|
|
||||||
/* background-repeat: no-repeat; */
|
|
||||||
/* 禁止背景图片重复 */
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -36,7 +36,7 @@
|
|||||||
</div> -->
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="page">
|
<div class="page-box">
|
||||||
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
@ -192,7 +192,10 @@ export default {
|
|||||||
/* 禁止背景图片重复 */
|
/* 禁止背景图片重复 */
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
.page-box{
|
||||||
|
width: 82%;
|
||||||
|
margin: 10px auto;
|
||||||
|
}
|
||||||
.tab-box {
|
.tab-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|||||||
@ -28,78 +28,7 @@
|
|||||||
<div class="neirong" v-html="pageContextList[index]"></div>
|
<div class="neirong" v-html="pageContextList[index]"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="news" v-if="currentActive == 0">
|
|
||||||
<div class="news-list">
|
|
||||||
<div class="item" v-for="(item, index) in 8">
|
|
||||||
<div class="tts">
|
|
||||||
关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知关于开展第二届跨专业虚拟仿真综合实习的通知
|
|
||||||
</div>
|
|
||||||
<div class="time">2024-05-20</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="page">
|
|
||||||
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="team" v-if="currentActive == 1 || currentActive == 2">
|
|
||||||
<el-input placeholder="输入姓名或手机号查询" v-model="input4">
|
|
||||||
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
|
||||||
</el-input>
|
|
||||||
<div class="team-list">
|
|
||||||
<div class="team-list-header">
|
|
||||||
<div class="div">
|
|
||||||
职位
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
姓名
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
职称
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
联系方式
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
职务
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
工作单位
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
详情
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item" v-for="(item, index) in 8">
|
|
||||||
<div class="div">
|
|
||||||
主任
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
钟离
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
教授
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
18865889666
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
常务副校长
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
齐鲁工业大学
|
|
||||||
</div>
|
|
||||||
<div class="div">
|
|
||||||
查看
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="page">
|
|
||||||
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footers></footers>
|
<footers></footers>
|
||||||
@ -374,6 +303,8 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.committee-cont {
|
.committee-cont {
|
||||||
|
width: 80%;
|
||||||
|
margin: 100px auto;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -318,9 +318,13 @@ export default {
|
|||||||
color: #005375;
|
color: #005375;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
.page-box{
|
||||||
|
width: 82%;
|
||||||
|
margin: 10px auto;
|
||||||
|
}
|
||||||
.committee-cont {
|
.committee-cont {
|
||||||
padding: 30px 0;
|
width: 80%;
|
||||||
|
margin: 100px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.committee-cont .news {
|
.committee-cont .news {
|
||||||
|
|||||||
@ -28,23 +28,9 @@
|
|||||||
<div class="neirong" v-html="pageContextList[index]"></div>
|
<div class="neirong" v-html="pageContextList[index]"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="news-item" v-for="(item, index) in 8">
|
|
||||||
<div class="text">
|
|
||||||
<div class="time">2024-07-20</div>
|
|
||||||
<div class="tt">关于2024年秋季学期虚拟仿真实验类课程教学安排的通知</div>
|
|
||||||
<div class="desc">
|
|
||||||
学校虚拟仿真实验教学中心（以下简称虚仿中心）已于2024年1月建成并投入使用，能够满足学校各类虚拟仿真实验课程的教学需要。
|
|
||||||
</div>
|
|
||||||
<div class="more">
|
|
||||||
<i class="el-icon-right"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div class="page">
|
<div class="page-box">
|
||||||
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
@ -322,7 +308,11 @@ export default {
|
|||||||
.news {
|
.news {
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: 0 auto;
|
margin: 100px auto;
|
||||||
|
}
|
||||||
|
.page-box{
|
||||||
|
width: 82%;
|
||||||
|
margin: 10px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.news .news-item {
|
.news .news-item {
|
||||||
|
|||||||
@ -29,36 +29,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 教学大纲 -->
|
|
||||||
<!-- <div class="teaching-list" v-if="currentActive == 0"> -->
|
|
||||||
<!-- <div class="item" v-for="(item, index) in 8">
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
|
|
||||||
</div>
|
|
||||||
<div class="time">2024-07-20</div>
|
|
||||||
<div class="tt">《基础化学实验》实验教学大纲《基础化学实验》实验教学大纲基础化学实验》实验教学大纲《基础化学实验》实验教学大纲</div>
|
|
||||||
<div class="bottom">
|
|
||||||
<div class="btn">在线预览</div>
|
|
||||||
<p>资源下载</p>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<!-- <div class="neirong" v-html="syllabus"></div> -->
|
|
||||||
<!-- </div> -->
|
|
||||||
|
|
||||||
<!-- 实验指导书 -->
|
|
||||||
<!-- <div class="teaching-list" v-if="currentActive == 1">
|
|
||||||
<div class="neirong" v-html="guideBook"></div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<!-- 资源共享 -->
|
|
||||||
<!-- <div class="teaching-list" v-if="currentActive == 2">
|
|
||||||
<div class="neirong" v-html="resourceSharing"></div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="page"><el-pagination background layout="prev, pager, next" :total="1000" class="">
|
|
||||||
</el-pagination></div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="page-box" style="margin-top: 25px" ><el-pagination background layout="prev, pager, next" :total="1000" class="">
|
||||||
|
</el-pagination></div>
|
||||||
<footers></footers>
|
<footers></footers>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -359,13 +334,17 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.teaching {
|
.teaching {
|
||||||
padding: 40px 0;
|
width: 80%;
|
||||||
background: #F5F5F5;
|
margin: 100px auto;
|
||||||
|
}
|
||||||
|
.page-box{
|
||||||
|
width: 82%;
|
||||||
|
margin: 10px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.teaching .teaching-list {
|
.teaching .teaching-list {
|
||||||
/* padding: 30px 2%; */
|
/* padding: 30px 2%; */
|
||||||
width: 80%;
|
width: 95%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|||||||
@ -283,6 +283,8 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.about-conts {
|
.about-conts {
|
||||||
|
width: 80%;
|
||||||
|
margin: 80px auto;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -28,42 +28,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="top-swiper">
|
|
||||||
|
|
||||||
<swiper ref="mySwiper" :options="swiperOptions" style="width: 100%">
|
<div class="page-box">
|
||||||
<swiper-slide class="banner-box" v-for="(item, index) in 8">
|
|
||||||
<div class="left">
|
|
||||||
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
|
|
||||||
</div>
|
|
||||||
<div class="right">
|
|
||||||
<div class="time">2024-07-20</div>
|
|
||||||
<div class="tt">船舶轮机实训虚拟仿真项目</div>
|
|
||||||
<div class="desc">
|
|
||||||
项目以培养高素质轮机工程专业技术人才为目标，围绕国际海事组织公约和国家海事局相关评估考核规范进行设计与开发。项目运用虚拟现实、增强现实、智能移动端、网络通讯等软硬件技术，搭建了基于云服务的虚拟仿真实训教学平台,为学生提供从虚拟认知、虚拟操作、虚拟拆装到应急处置的综合性船舶轮机虚拟仿真实训环境。本虚拟仿真实训教学软件的使用,极大地提升了学生实际动手能力,为其今后走向工作岗位打下更坚实的基础。
|
|
||||||
</div>
|
|
||||||
<div class="more">
|
|
||||||
<i class="el-icon-right"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</swiper-slide>
|
|
||||||
</swiper>
|
|
||||||
<div class="swiper-pagination"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="list">
|
|
||||||
<div class="item" v-for="(item, index) in 6 " :key="index">
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../assets/gw/Snipaste_2024-07-23_22-51-23.jpg" alt="" class="imgWO">
|
|
||||||
</div>
|
|
||||||
<div class="tt">船舶轮机实训虚拟仿真项目</div>
|
|
||||||
<div class="desc">
|
|
||||||
项目以培养高素质轮机工程专业技术人才为目标，围绕国际海事组织公约和国家海事局相关评估考核规范进行设计与开发。项目运用虚拟现实、增强现实、智能移动端、网络通讯等软硬件技术，搭建了基于云服务的虚拟仿真实训教学平台,为学生提供从虚拟认知、虚拟操作、虚拟拆装到应急处置的综合性船舶轮机虚拟仿真实训环境。本虚拟仿真实训教学软件的使用,极大地提升了学生实际动手能力,为其今后走向工作岗位打下更坚实的基础。
|
|
||||||
</div>
|
|
||||||
<div class="time">2024-07-20</div>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
<el-pagination background layout="prev, pager, next" :total="1000" class="">
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
@ -183,7 +149,10 @@ export default {
|
|||||||
width: 240px;
|
width: 240px;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
}
|
}
|
||||||
|
.page-box{
|
||||||
|
width: 82%;
|
||||||
|
margin: 10px auto;
|
||||||
|
}
|
||||||
/* 圆形分页按钮样式 */
|
/* 圆形分页按钮样式 */
|
||||||
::v-deep .el-pagination .el-pager li:not(.disabled) {
|
::v-deep .el-pagination .el-pager li:not(.disabled) {
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user