Skip to content

T
tea_resources_pc
Commit 3654b32e authored by 张伯涛's avatar 张伯涛
Browse files
Options

bug修改

parent 06ce9050
Show whitespace changes
Inline Side-by-side
Showing with 100 additions and 35 deletions
src/views/assessmentRating/index.vue
View file @ 3654b32e
...@@ -135,7 +135,7 @@ export default { ...@@ -135,7 +135,7 @@ export default {
//height: 400px; //height: 400px;
.codeImg{ .codeImg{
position: fixed; position: fixed;
bottom: 300px; bottom: 95px;
right: 50px; right: 50px;
z-index: 2; z-index: 2;
cursor: pointer; cursor: pointer;
...@@ -148,7 +148,7 @@ export default { ...@@ -148,7 +148,7 @@ export default {
} }
.suggestionCard{ .suggestionCard{
position: fixed; position: fixed;
bottom: 374px; bottom: 168px;
right: 50px; right: 50px;
z-index: 2; z-index: 2;
cursor: pointer; cursor: pointer;
......
src/views/collaborationCases/detail.vue
View file @ 3654b32e
...@@ -104,7 +104,7 @@ export default { ...@@ -104,7 +104,7 @@ export default {
width: 1189px; width: 1189px;
height: 2px; height: 2px;
background: #f5f9fd; background: #f5f9fd;
margin: 37px 0 60px; margin: 37px 0 34px;
} }
} }
} }
......
src/views/collaborationCases/index.vue
View file @ 3654b32e
<template> <template>
<div> <div id="topAnchor">
<nav-list :list="navList" :current-menu="'/collaborationCases/index'" /> <nav-list :list="navList" :current-menu="'/collaborationCases/index'" />
<div class="collaborationCases-content"> <div class="collaborationCases-content">
<div>
<div :title="'意见反馈'" class="suggestionCard" @click="handleToSuggestion">
<img class="suggestionImg" :src="suggestion">
</div>
<div :title="'返回顶部'" class="codeImg" @click="gotoTop">
<img class="backTopImg" :src="backTop">
</div>
</div>
<div class="collaborationCases"> <div class="collaborationCases">
<img class="positioningMap" :src="require('@/assets/image/hezuoanliBanner.png')"> <img class="positioningMap" :src="require('@/assets/image/hezuoanliBanner.png')">
</div> </div>
...@@ -18,8 +26,8 @@ ...@@ -18,8 +26,8 @@
<div class="collaborationCases_title">大赛支持</div> <div class="collaborationCases_title">大赛支持</div>
<div class="collaborationCases_titleDivider"> <el-divider /></div> <div class="collaborationCases_titleDivider"> <el-divider /></div>
<div class="collaborationCases_content-second"> <div class="collaborationCases_content-second">
<!-- <scroll-screen />--> <!-- <scroll-screen />-->
<seamless-scroll></seamless-scroll> <seamless-scroll />
</div> </div>
</div> </div>
<!-- 第三部分 --> <!-- 第三部分 -->
...@@ -46,7 +54,7 @@ ...@@ -46,7 +54,7 @@
<div class="courseCard_bottom"> <div class="courseCard_bottom">
<div class="courseName-one">{{ item.unit }}</div> <div class="courseName-one">{{ item.unit }}</div>
</div> </div>
<hr/> <hr>
<div class="courseCard_bottom"> <div class="courseCard_bottom">
<div class="courseName-two" @click="educationDetails(item)">{{ item.title }}</div> <div class="courseName-two" @click="educationDetails(item)">{{ item.title }}</div>
</div> </div>
...@@ -57,12 +65,12 @@ ...@@ -57,12 +65,12 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<!-- <el-col v-if="courseList.length > 6" :span="24">--> <!-- <el-col v-if="courseList.length > 6" :span="24">-->
<!-- <div class="viewMore">--> <!-- <div class="viewMore">-->
<!-- <el-button @click="handleGetMore">查看更多</el-button>--> <!-- <el-button @click="handleGetMore">查看更多</el-button>-->
<!-- </div>--> <!-- </div>-->
<!-- </el-col>--> <!-- </el-col>-->
<el-col :span="24" v-if="courseList.length > 6"> <el-col v-if="courseList.length > 6" :span="24">
<div class="content-btn"> <div class="content-btn">
<div class="consultBtn" @click="handleGetMore"> <div class="consultBtn" @click="handleGetMore">
<div class="consultBtn_text">查看更多</div> <div class="consultBtn_text">查看更多</div>
...@@ -86,20 +94,20 @@ ...@@ -86,20 +94,20 @@
<div class="image-content"> <div class="image-content">
<div v-for="(item, index) in list" :key="index" class="image-content-items"> <div v-for="(item, index) in list" :key="index" class="image-content-items">
<div> <div>
<img class="image-content-style" :src="item.columnImgOne"/> <img class="image-content-style" :src="item.columnImgOne">
</div> </div>
<div> <div>
<img class="image-content-style" :src="item.columnImgTwo"/> <img class="image-content-style" :src="item.columnImgTwo">
</div> </div>
<div> <div>
<img class="image-content-style" :src="item.columnImgThree"/> <img class="image-content-style" :src="item.columnImgThree">
</div> </div>
<div> <div>
<img class="image-content-style" :src="item.columnImgFour"/> <img class="image-content-style" :src="item.columnImgFour">
</div> </div>
<div> <div>
<div v-if="item.columnImgFive === undefined" class="image-content-style"></div> <div v-if="item.columnImgFive === undefined" class="image-content-style" />
<img class="image-content-style" v-else :src="item.columnImgFive"/> <img v-else class="image-content-style" :src="item.columnImgFive">
</div> </div>
</div> </div>
</div> </div>
...@@ -128,6 +136,8 @@ export default { ...@@ -128,6 +136,8 @@ export default {
}, },
data() { data() {
return { return {
suggestion: require('@/assets/image/suggestion.png'),
backTop: require('@/assets/image/top.png'),
list: [ list: [
{ {
columnImgOne: require('@/assets/image/hezuoLogo1.png'), columnImgOne: require('@/assets/image/hezuoLogo1.png'),
...@@ -200,12 +210,12 @@ export default { ...@@ -200,12 +210,12 @@ export default {
} }
], ],
courseList: [ courseList: [
{ img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' }, // { img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' },
{ img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' }, // { img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' },
{ img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' }, // { img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' },
{ img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' }, // { img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' },
{ img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' }, // { img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' },
{ img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' } // { img: require('@/assets/image/maskGroup.png'), name: '中国移动', title: '在线学习向知识化管理进化', content: '中国移动网上大学建立于2005年，经过十余年的发展，在不断探索和实践中逐步优化完善，目前已整合在线、移动、直播、微信等多种信息化学' }
], ],
consultIcon: require('@/assets/image/homeIconJiantou2.png') consultIcon: require('@/assets/image/homeIconJiantou2.png')
} }
...@@ -241,6 +251,16 @@ export default { ...@@ -241,6 +251,16 @@ export default {
this.getEducation() this.getEducation()
}, },
methods: { methods: {
/** 跳转意见反馈页面*/
handleToSuggestion() {
this.$router.push({
path: '/Feedback/index'
})
},
/** 回到顶部*/
gotoTop() {
document.getElementById('topAnchor').scrollIntoView() // 跳转到顶部
},
educationDetails(item) { educationDetails(item) {
this.$router.push({ this.$router.push({
path: '/collaborationCases/detail', path: '/collaborationCases/detail',
...@@ -248,7 +268,10 @@ export default { ...@@ -248,7 +268,10 @@ export default {
}) })
}, },
getEducation() { getEducation() {
educationList().then(res => { const params = {
flag: '1'
}
educationList(params).then(res => {
console.log('res', res) console.log('res', res)
this.courseList = res.rows this.courseList = res.rows
}) })
...@@ -272,6 +295,45 @@ export default { ...@@ -272,6 +295,45 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.collaborationCases-content { .collaborationCases-content {
.codeImg{
position: fixed;
bottom: 94px;
right: 50px;
z-index: 2;
cursor: pointer;
width: 50px;
height: 50px;
.backTopImg{
width: 50px;
height: 50px;
}
}
.suggestionCard{
position: fixed;
bottom: 168px;
right: 50px;
z-index: 2;
cursor: pointer;
width: 50px;
height: 50px;
.suggestionImg{
width: 50px;
height: 50px;
}
}
.suggestionCard:hover::before,.codeImg:hover::before {
border-radius: 30px;
content: ""; /* 规定伪元素的内容为空字符串 */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1); /* 使用rgba设置黑色背景并指定10%透明度 */
z-index: 1; /* 确保遮罩层位于按钮内容之上 */
transition: opacity 0.3s ease-in-out; /* 可选：添加过渡效果使变化更平滑 */
pointer-events: none; /* 避免遮罩层捕获鼠标事件，确保事件能传递到按钮本身 */
}
.collaborationCases { .collaborationCases {
.collaborationCases_title { .collaborationCases_title {
background: #ffffff; background: #ffffff;
...@@ -327,11 +389,11 @@ export default { ...@@ -327,11 +389,11 @@ export default {
.collaborationCases_content-three { .collaborationCases_content-three {
width: 1920px; width: 1920px;
height: 1288px; height: 1308px;
display: flex; display: flex;
justify-content: center; justify-content: center;
background-size: contain; background-size: contain;
background-image: url("../../assets/image/Subtract.png"); background-image: url("~@/assets/image/edcationCenter_img.png");
.card-image-contain { .card-image-contain {
width: 1224px; width: 1224px;
.card-image-contain-son { .card-image-contain-son {
...@@ -428,7 +490,7 @@ export default { ...@@ -428,7 +490,7 @@ export default {
} }
hr { hr {
width: 344px; width: 344px;
border: 1px solid #EDE1FF; border: 1px solid #e1edff;
} }
} }
.out:hover { .out:hover {
......
src/views/collaborationCases/seamlessScroll/index.vue
View file @ 3654b32e
...@@ -64,7 +64,10 @@ export default { ...@@ -64,7 +64,10 @@ export default {
}, },
methods: { methods: {
getEducation() { getEducation() {
competitionList().then(res => { const params = {
flag: '1'
}
competitionList(params).then(res => {
this.historyList = res.data this.historyList = res.data
}) })
} }
......
src/views/educationCenter/index.vue
View file @ 3654b32e
<template> <template>
<div> <div>
<nav-list :list="navList" /> <nav-list :list="navList" :current-menu="'/collaborationCases/index'" />
<div class="news_module"> <div class="news_module">
<div class="news_navbar"> <div class="news_navbar">
<div class="navbar_title">合作案例</div> <div class="navbar_title">合作案例</div>
...@@ -120,14 +120,14 @@ export default { ...@@ -120,14 +120,14 @@ export default {
.news_module{ .news_module{
margin: 72px 0 0 0; margin: 72px 0 0 0;
width: 1920px; width: 1920px;
height: 3014px; //height: 3014px;
background: #f5f9fd; background: #f5f9fd;
::v-deep .el-pagination{ ::v-deep .el-pagination{
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.pagination-container{ .pagination-container{
padding: 38px 0 76px 0; padding: 8px 0 76px 0;
background: none; background: none;
} }
.news_navbar{ .news_navbar{
...@@ -153,7 +153,7 @@ export default { ...@@ -153,7 +153,7 @@ export default {
.newsList{ .newsList{
//padding: 64px 0 0 48px; //padding: 64px 0 0 48px;
width: 1200px; width: 1200px;
height: 2805px; height: 1910px;
//background: #FFFFFF; //background: #FFFFFF;
//border-radius: 2px; //border-radius: 2px;
//box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); //box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
......
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 to comment