Skip to content

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

bug修改

parent 06ce9050
Hide 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 {
//height: 400px;
.codeImg{
position: fixed;
bottom: 300px;
bottom: 95px;
right: 50px;
z-index: 2;
cursor: pointer;
......@@ -148,7 +148,7 @@ export default {
}
.suggestionCard{
position: fixed;
bottom: 374px;
bottom: 168px;
right: 50px;
z-index: 2;
cursor: pointer;
......
src/views/collaborationCases/detail.vue
View file @ 3654b32e
......@@ -104,7 +104,7 @@ export default {
width: 1189px;
height: 2px;
background: #f5f9fd;
margin: 37px 0 60px;
margin: 37px 0 34px;
}
}
}
......
src/views/collaborationCases/index.vue
View file @ 3654b32e
<template>
<div>
<div id="topAnchor">
<nav-list :list="navList" :current-menu="'/collaborationCases/index'" />
<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">
<img class="positioningMap" :src="require('@/assets/image/hezuoanliBanner.png')">
</div>
......@@ -18,8 +26,8 @@
<div class="collaborationCases_title">大赛支持</div>
<div class="collaborationCases_titleDivider"> <el-divider /></div>
<div class="collaborationCases_content-second">
<!-- <scroll-screen />-->
<seamless-scroll></seamless-scroll>
<!-- <scroll-screen />-->
<seamless-scroll />
</div>
</div>
<!-- 第三部分 -->
......@@ -39,14 +47,14 @@
:span="8"
class="card-image-contain-son"
>
<el-card v-if="index <= 5" shadow="hover" :body-style="{ padding: '0px', boxShadow: '20px' }" class="out">
<el-card v-if="index <= 5" shadow="hover" :body-style="{ padding: '0px', boxShadow: '20px' }" class="out">
<div class="courseCardImg_content">
<img :src="item.path" class="courseCardImg">
</div>
<div class="courseCard_bottom">
<div class="courseName-one">{{ item.unit }}</div>
</div>
<hr/>
<hr>
<div class="courseCard_bottom">
<div class="courseName-two" @click="educationDetails(item)">{{ item.title }}</div>
</div>
......@@ -57,12 +65,12 @@
</el-col>
</el-row>
<el-row>
<!-- <el-col v-if="courseList.length > 6" :span="24">-->
<!-- <div class="viewMore">-->
<!-- <el-button @click="handleGetMore">查看更多</el-button>-->
<!-- </div>-->
<!-- </el-col>-->
<el-col :span="24" v-if="courseList.length > 6">
<!-- <el-col v-if="courseList.length > 6" :span="24">-->
<!-- <div class="viewMore">-->
<!-- <el-button @click="handleGetMore">查看更多</el-button>-->
<!-- </div>-->
<!-- </el-col>-->
<el-col v-if="courseList.length > 6" :span="24">
<div class="content-btn">
<div class="consultBtn" @click="handleGetMore">
<div class="consultBtn_text">查看更多</div>
......@@ -86,20 +94,20 @@
<div class="image-content">
<div v-for="(item, index) in list" :key="index" class="image-content-items">
<div>
<img class="image-content-style" :src="item.columnImgOne"/>
<img class="image-content-style" :src="item.columnImgOne">
</div>
<div>
<img class="image-content-style" :src="item.columnImgTwo"/>
<img class="image-content-style" :src="item.columnImgTwo">
</div>
<div>
<img class="image-content-style" :src="item.columnImgThree"/>
<img class="image-content-style" :src="item.columnImgThree">
</div>
<div>
<img class="image-content-style" :src="item.columnImgFour"/>
<img class="image-content-style" :src="item.columnImgFour">
</div>
<div>
<div v-if="item.columnImgFive === undefined" class="image-content-style"></div>
<img class="image-content-style" v-else :src="item.columnImgFive"/>
<div v-if="item.columnImgFive === undefined" class="image-content-style" />
<img v-else class="image-content-style" :src="item.columnImgFive">
</div>
</div>
</div>
......@@ -128,6 +136,8 @@ export default {
},
data() {
return {
suggestion: require('@/assets/image/suggestion.png'),
backTop: require('@/assets/image/top.png'),
list: [
{
columnImgOne: require('@/assets/image/hezuoLogo1.png'),
......@@ -200,12 +210,12 @@ export default {
}
],
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')
}
......@@ -241,6 +251,16 @@ export default {
this.getEducation()
},
methods: {
/** 跳转意见反馈页面*/
handleToSuggestion() {
this.$router.push({
path: '/Feedback/index'
})
},
/** 回到顶部*/
gotoTop() {
document.getElementById('topAnchor').scrollIntoView() // 跳转到顶部
},
educationDetails(item) {
this.$router.push({
path: '/collaborationCases/detail',
......@@ -248,7 +268,10 @@ export default {
})
},
getEducation() {
educationList().then(res => {
const params = {
flag: '1'
}
educationList(params).then(res => {
console.log('res', res)
this.courseList = res.rows
})
......@@ -272,6 +295,45 @@ export default {
<style scoped lang="scss">
.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_title {
background: #ffffff;
......@@ -327,11 +389,11 @@ export default {
.collaborationCases_content-three {
width: 1920px;
height: 1288px;
height: 1308px;
display: flex;
justify-content: center;
background-size: contain;
background-image: url("../../assets/image/Subtract.png");
background-image: url("~@/assets/image/edcationCenter_img.png");
.card-image-contain {
width: 1224px;
.card-image-contain-son {
......@@ -428,7 +490,7 @@ export default {
}
hr {
width: 344px;
border: 1px solid #EDE1FF;
border: 1px solid #e1edff;
}
}
.out:hover {
......
src/views/collaborationCases/seamlessScroll/index.vue
View file @ 3654b32e
......@@ -64,7 +64,10 @@ export default {
},
methods: {
getEducation() {
competitionList().then(res => {
const params = {
flag: '1'
}
competitionList(params).then(res => {
this.historyList = res.data
})
}
......
src/views/educationCenter/index.vue
View file @ 3654b32e
<template>
<div>
<nav-list :list="navList" />
<nav-list :list="navList" :current-menu="'/collaborationCases/index'" />
<div class="news_module">
<div class="news_navbar">
<div class="navbar_title">合作案例</div>
......@@ -120,14 +120,14 @@ export default {
.news_module{
margin: 72px 0 0 0;
width: 1920px;
height: 3014px;
//height: 3014px;
background: #f5f9fd;
::v-deep .el-pagination{
display: flex;
justify-content: center;
}
.pagination-container{
padding: 38px 0 76px 0;
padding: 8px 0 76px 0;
background: none;
}
.news_navbar{
......@@ -153,7 +153,7 @@ export default {
.newsList{
//padding: 64px 0 0 48px;
width: 1200px;
height: 2805px;
height: 1910px;
//background: #FFFFFF;
//border-radius: 2px;
//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