mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 11:56:44 +08:00
Merge branch 'dev_Ma' into boe_master
This commit is contained in:
BOE\10867418
BIN
src/assets/images/cyl.png
Normal file
BIN
src/assets/images/cyl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
src/assets/images/dc.png
Normal file
BIN
src/assets/images/dc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
src/assets/images/u_class.png
Normal file
BIN
src/assets/images/u_class.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
@@ -214,17 +214,21 @@ export default {
|
|||||||
// });
|
// });
|
||||||
},
|
},
|
||||||
handleCommand(val) {
|
handleCommand(val) {
|
||||||
let urlPre=window.location.protocol+'//'+window.location.host;
|
if (val === "four") {
|
||||||
// process.env.VUE_APP_BOE_WEB_URL
|
this.$emit('showClass',true)
|
||||||
let obj = {
|
} else {
|
||||||
one: urlPre+'/web/teacherLesson',
|
let urlPre = window.location.protocol + "//" + window.location.host;
|
||||||
two: urlPre+'/grow180/login',
|
// process.env.VUE_APP_BOE_WEB_URL
|
||||||
three: this.webBaseUrl + '/study/index?study=1',
|
let obj = {
|
||||||
four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
|
one: urlPre + "/web/teacherLesson",
|
||||||
five: urlPre+'/boe/new-employee/index.html',
|
two: urlPre + "/grow180/login",
|
||||||
six: urlPre+'/web/contributor/index'
|
three: this.webBaseUrl + "/study/index?study=1",
|
||||||
};
|
// four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
|
||||||
window.open(obj[val]);
|
five: urlPre + "/boe/new-employee/index.html",
|
||||||
|
six: urlPre + "/web/contributor/index",
|
||||||
|
};
|
||||||
|
window.open(obj[val]);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
handleUcCommand(val) {
|
handleUcCommand(val) {
|
||||||
if (val == 'uc') {
|
if (val == 'uc') {
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
<el-dropdown-item command='one'>BOE系列公开课</el-dropdown-item>
|
<el-dropdown-item command='one'>BOE系列公开课</el-dropdown-item>
|
||||||
<el-dropdown-item command='two' divided>Grow180</el-dropdown-item>
|
<el-dropdown-item command='two' divided>Grow180</el-dropdown-item>
|
||||||
<el-dropdown-item command='three' divided>管理者进阶</el-dropdown-item>
|
<el-dropdown-item command='three' divided>管理者进阶</el-dropdown-item>
|
||||||
<el-dropdown-item command='four' divided>U选小课堂</el-dropdown-item>
|
<el-dropdown-item command='for' divided>U选小课堂</el-dropdown-item>
|
||||||
<el-dropdown-item command='five' divided>社招新员工</el-dropdown-item>
|
<el-dropdown-item command='five' divided>社招新员工</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@@ -119,6 +119,53 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<gonggao></gonggao>
|
<gonggao></gonggao>
|
||||||
|
<div class="u-class">
|
||||||
|
<el-dialog :visible.sync="uClassShow" width="833px">
|
||||||
|
<div class="ClassBoxContent">
|
||||||
|
<img src="../../../assets/images/u_class.png" alt="" class="img" />
|
||||||
|
<div class="ContentBox">
|
||||||
|
<div class="left">
|
||||||
|
<div class="title">U选小课堂</div>
|
||||||
|
<div class="jy">项目简介</div>
|
||||||
|
<div class="msg">
|
||||||
|
于22年首推，是一个面向全集团员工开放的职业通识类数字化培养项目，旨在帮助员工开阔眼界、加厚职业素养。在原有外部精选通用力课程基础上，2023年引入创新专区，以新鲜的话题、新颖的形式，带给全员丰富、有趣的学习体验。
|
||||||
|
</div>
|
||||||
|
<div class="bottom"></div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<div class="tyl" @click="tylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/dc.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">通用力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">加厚职业素养，轻学习、快成长！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cyl" @click="cylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/cyl.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">创新力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">激发创新潜力，拓视野、促思考！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：组合创新、单点破局、错位竞争、分形创新、第二曲线、数字化、元宇宙
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -133,6 +180,7 @@ export default {
|
|||||||
components:{InterestCollection,GuideBox,gonggao},
|
components:{InterestCollection,GuideBox,gonggao},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
uClassShow: false,
|
||||||
isTiao:false,
|
isTiao:false,
|
||||||
interestShow:false,
|
interestShow:false,
|
||||||
checked:true,
|
checked:true,
|
||||||
@@ -187,6 +235,12 @@ export default {
|
|||||||
this.$store.dispatch('refrashMsg');
|
this.$store.dispatch('refrashMsg');
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
tylClick() {
|
||||||
|
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
|
||||||
|
},
|
||||||
|
cylClick() {
|
||||||
|
window.open("https://u.boe.com/pc/course?keyword=创新力专区");
|
||||||
|
},
|
||||||
setCurIdentity(iden){
|
setCurIdentity(iden){
|
||||||
this.$store.dispatch('SetCurIdentity',iden);
|
this.$store.dispatch('SetCurIdentity',iden);
|
||||||
},
|
},
|
||||||
@@ -201,16 +255,20 @@ export default {
|
|||||||
// four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
|
// four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
|
||||||
// five: process.env.VUE_APP_BOE_WEB_URL+'/boe/new-employee/index.html'
|
// five: process.env.VUE_APP_BOE_WEB_URL+'/boe/new-employee/index.html'
|
||||||
// };
|
// };
|
||||||
let urlPre=window.location.protocol+'//'+window.location.host;
|
if (val === "for") {
|
||||||
// process.env.VUE_APP_BOE_WEB_URL
|
this.uClassShow = true;
|
||||||
let obj = {
|
} else {
|
||||||
one: urlPre+'/web/teacherLesson',
|
let urlPre = window.location.protocol + "//" + window.location.host;
|
||||||
two: urlPre+'/grow180/login',
|
// process.env.VUE_APP_BOE_WEB_URL
|
||||||
three: this.webBaseUrl + '/study/index?study=1',
|
let obj = {
|
||||||
four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
|
one: urlPre + "/web/teacherLesson",
|
||||||
five: urlPre+'/boe/new-employee/index.html'
|
two: urlPre + "/grow180/login",
|
||||||
};
|
three: this.webBaseUrl + "/study/index?study=1",
|
||||||
window.open(obj[val]);
|
// four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
|
||||||
|
five: urlPre + "/boe/new-employee/index.html",
|
||||||
|
};
|
||||||
|
window.open(obj[val]);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
handleUcCommand(val){
|
handleUcCommand(val){
|
||||||
if(val == 'logout'){
|
if(val == 'logout'){
|
||||||
@@ -258,6 +316,173 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.u-class {
|
||||||
|
::v-deep .el-dialog {
|
||||||
|
border-radius: 15px;
|
||||||
|
.el-dialog__headerbtn .el-dialog__close {
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.ClassBoxContent {
|
||||||
|
width: 100%;
|
||||||
|
height: 456px;
|
||||||
|
// background: red;
|
||||||
|
border-radius: 15px;
|
||||||
|
.ContentBox {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
display: flex;
|
||||||
|
.left,
|
||||||
|
.right {
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
padding-left: 30px;
|
||||||
|
width: 48%;
|
||||||
|
.title {
|
||||||
|
width: 200px;
|
||||||
|
height: 59px;
|
||||||
|
line-height: 59px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: -8px;
|
||||||
|
font-size: 38px;
|
||||||
|
color: white;
|
||||||
|
margin-top: 42.97px;
|
||||||
|
padding-top: 5px;
|
||||||
|
text-shadow: 0 6px 3px rgba(96, 85, 243, 0.4);
|
||||||
|
}
|
||||||
|
.jy {
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-top: 87.53px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.msg {
|
||||||
|
margin-top: 5px;
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
width: 326px;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
width: 100px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
// padding-left: 10px;
|
||||||
|
width: 50%;
|
||||||
|
.tyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 83px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||||
|
}
|
||||||
|
.cyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 10px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.img {
|
||||||
|
width: 835px;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
|
::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
|
||||||
background-color: #fff !important;
|
background-color: #fff !important;
|
||||||
color: #0059FF !important;
|
color: #0059FF !important;
|
||||||
|
|||||||
4086
src/views/Index.vue
4086
src/views/Index.vue
File diff suppressed because it is too large
Load Diff
@@ -1,7 +1,7 @@
|
|||||||
2<template>
|
2<template>
|
||||||
<div id="article-list-content" class="article-list-content">
|
<div id="article-list-content" class="article-list-content">
|
||||||
<div class="article-banner">
|
<div class="article-banner">
|
||||||
<portal-header current="article" textColor="#ffffff" @emitInput="emitInput"></portal-header>
|
<portal-header current="article" textColor="#ffffff" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<!--内容区域-->
|
<!--内容区域-->
|
||||||
<div style="padding-top:30px" class="">
|
<div style="padding-top:30px" class="">
|
||||||
@@ -120,6 +120,53 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer></portal-footer>
|
||||||
<portalFloatTools></portalFloatTools>
|
<portalFloatTools></portalFloatTools>
|
||||||
|
<div class="u-class">
|
||||||
|
<el-dialog :visible.sync="showUClass" width="833px">
|
||||||
|
<div class="ClassBoxContent">
|
||||||
|
<img src="../../../assets/images/u_class.png" alt="" class="img" />
|
||||||
|
<div class="ContentBox">
|
||||||
|
<div class="leftBox">
|
||||||
|
<div class="title">U选小课堂</div>
|
||||||
|
<div class="jy">项目简介</div>
|
||||||
|
<div class="msg">
|
||||||
|
于22年首推，是一个面向全集团员工开放的职业通识类数字化培养项目，旨在帮助员工开阔眼界、加厚职业素养。在原有外部精选通用力课程基础上，2023年引入创新专区，以新鲜的话题、新颖的形式，带给全员丰富、有趣的学习体验。
|
||||||
|
</div>
|
||||||
|
<div class="bottom"></div>
|
||||||
|
</div>
|
||||||
|
<div class="rightBox">
|
||||||
|
<div class="tyl" @click="tylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/dc.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">通用力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">加厚职业素养，轻学习、快成长！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cyl" @click="cylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/cyl.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">创新力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">激发创新潜力，拓视野、促思考！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：组合创新、单点破局、错位竞争、分形创新、第二曲线、数字化、元宇宙
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -153,6 +200,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
showUClass: false,
|
||||||
ankIds:[],
|
ankIds:[],
|
||||||
resonimg:{},
|
resonimg:{},
|
||||||
moreState:1,// 1 加载更多 2 加载中 3无数据
|
moreState:1,// 1 加载更多 2 加载中 3无数据
|
||||||
@@ -207,6 +255,17 @@ export default {
|
|||||||
window.removeEventListener("scroll",this.handleScroll);
|
window.removeEventListener("scroll",this.handleScroll);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
tylClick() {
|
||||||
|
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
|
||||||
|
},
|
||||||
|
cylClick() {
|
||||||
|
window.open("https://u.boe.com/pc/course?keyword=创新力专区");
|
||||||
|
},
|
||||||
|
showClass(flag) {
|
||||||
|
if (flag) {
|
||||||
|
this.showUClass = flag;
|
||||||
|
}
|
||||||
|
},
|
||||||
banJump() {
|
banJump() {
|
||||||
if(this.resonimg.JumpUrl) {
|
if(this.resonimg.JumpUrl) {
|
||||||
window.open(this.resonimg.JumpUrl);
|
window.open(this.resonimg.JumpUrl);
|
||||||
@@ -422,6 +481,173 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.u-class {
|
||||||
|
::v-deep .el-dialog {
|
||||||
|
border-radius: 15px;
|
||||||
|
.el-dialog__headerbtn .el-dialog__close {
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.ClassBoxContent {
|
||||||
|
width: 100%;
|
||||||
|
height: 456px;
|
||||||
|
// background: red;
|
||||||
|
border-radius: 15px;
|
||||||
|
.ContentBox {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
display: flex;
|
||||||
|
.left,
|
||||||
|
.right {
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
padding-left: 30px;
|
||||||
|
width: 48%;
|
||||||
|
.title {
|
||||||
|
width: 200px;
|
||||||
|
height: 59px;
|
||||||
|
line-height: 59px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: -8px;
|
||||||
|
font-size: 38px;
|
||||||
|
color: white;
|
||||||
|
margin-top: 42.97px;
|
||||||
|
padding-top: 5px;
|
||||||
|
text-shadow: 0 6px 3px rgba(96, 85, 243, 0.4);
|
||||||
|
}
|
||||||
|
.jy {
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-top: 87.53px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.msg {
|
||||||
|
margin-top: 5px;
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
width: 326px;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
width: 100px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
// padding-left: 10px;
|
||||||
|
width: 50%;
|
||||||
|
.tyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 83px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||||
|
}
|
||||||
|
.cyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 10px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.img {
|
||||||
|
width: 835px;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.orinfo-text{
|
.orinfo-text{
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="case-list-content">
|
<div id="case-list-content">
|
||||||
<div style="margin-bottom:30px" class="case-banner">
|
<div style="margin-bottom:30px" class="case-banner">
|
||||||
<portal-header current="case" textColor="#fff" @emitInput="emitInput"></portal-header>
|
<portal-header current="case" textColor="#fff" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
<div class="xcontent2-main" style="margin-right: 30px;">
|
<div class="xcontent2-main" style="margin-right: 30px;">
|
||||||
@@ -215,6 +215,54 @@
|
|||||||
</div>
|
</div>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer></portal-footer>
|
||||||
<portalFloatTools></portalFloatTools>
|
<portalFloatTools></portalFloatTools>
|
||||||
|
<!-- U课堂弹窗 -->
|
||||||
|
<div class="u-class">
|
||||||
|
<el-dialog :visible.sync="showUClass" width="833px">
|
||||||
|
<div class="ClassBoxContent">
|
||||||
|
<img src="../../../assets/images/u_class.png" alt="" class="img" />
|
||||||
|
<div class="ContentBox">
|
||||||
|
<div class="left">
|
||||||
|
<div class="title">U选小课堂</div>
|
||||||
|
<div class="jy">项目简介</div>
|
||||||
|
<div class="msg">
|
||||||
|
于22年首推，是一个面向全集团员工开放的职业通识类数字化培养项目，旨在帮助员工开阔眼界、加厚职业素养。在原有外部精选通用力课程基础上，2023年引入创新专区，以新鲜的话题、新颖的形式，带给全员丰富、有趣的学习体验。
|
||||||
|
</div>
|
||||||
|
<div class="bottom"></div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<div class="tyl" @click="tylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/dc.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">通用力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">加厚职业素养，轻学习、快成长！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cyl" @click="cylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/cyl.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">创新力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">激发创新潜力，拓视野、促思考！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：组合创新、单点破局、错位竞争、分形创新、第二曲线、数字化、元宇宙
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -245,6 +293,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
showUClass: false,
|
||||||
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
||||||
resonimg:{},
|
resonimg:{},
|
||||||
domain: [],//组织领域
|
domain: [],//组织领域
|
||||||
@@ -380,6 +429,17 @@ export default {
|
|||||||
window.removeEventListener("scroll", this.handleScroll);
|
window.removeEventListener("scroll", this.handleScroll);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
tylClick() {
|
||||||
|
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
|
||||||
|
},
|
||||||
|
cylClick() {
|
||||||
|
window.open("https://u.boe.com/pc/course?keyword=创新力专区");
|
||||||
|
},
|
||||||
|
showClass(flag) {
|
||||||
|
if (flag) {
|
||||||
|
this.showUClass = flag;
|
||||||
|
}
|
||||||
|
},
|
||||||
saveLocalFilters(){
|
saveLocalFilters(){
|
||||||
let typeCodeList=[];
|
let typeCodeList=[];
|
||||||
this.tagList.forEach(item=>{
|
this.tagList.forEach(item=>{
|
||||||
@@ -881,6 +941,173 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.u-class {
|
||||||
|
::v-deep .el-dialog {
|
||||||
|
border-radius: 15px;
|
||||||
|
.el-dialog__headerbtn .el-dialog__close {
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.ClassBoxContent {
|
||||||
|
width: 100%;
|
||||||
|
height: 456px;
|
||||||
|
// background: red;
|
||||||
|
border-radius: 15px;
|
||||||
|
.ContentBox {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
display: flex;
|
||||||
|
.left,
|
||||||
|
.right {
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
padding-left: 30px;
|
||||||
|
width: 48%;
|
||||||
|
.title {
|
||||||
|
width: 200px;
|
||||||
|
height: 59px;
|
||||||
|
line-height: 59px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: -8px;
|
||||||
|
font-size: 38px;
|
||||||
|
color: white;
|
||||||
|
margin-top: 42.97px;
|
||||||
|
padding-top: 5px;
|
||||||
|
text-shadow: 0 6px 3px rgba(96, 85, 243, 0.4);
|
||||||
|
}
|
||||||
|
.jy {
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-top: 87.53px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.msg {
|
||||||
|
margin-top: 5px;
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
width: 326px;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
width: 100px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
// padding-left: 10px;
|
||||||
|
width: 50%;
|
||||||
|
.tyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 83px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||||
|
}
|
||||||
|
.cyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 10px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.img {
|
||||||
|
width: 835px;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.fieldbox{
|
.fieldbox{
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="couser-list-content" class="couser-list-content">
|
<div id="couser-list-content" class="couser-list-content">
|
||||||
<div class="course-banner">
|
<div class="course-banner">
|
||||||
<portal-header current="course" textColor="#fff" @emitInput="emitInput"></portal-header>
|
<portal-header current="course" textColor="#fff" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div style="padding-top:30px" class="">
|
<div style="padding-top:30px" class="">
|
||||||
<div class="xcontent2">
|
<div class="xcontent2">
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
<a v-for="one in oneList" @click="handleOptionClick(one,oneList,1)" class="option-item" :class="{'option-active':one.checked}">{{one.name}}</a>
|
<a v-for="one in oneList" @click="handleOptionClick(one,oneList,1)" class="option-item" :class="{'option-active':one.checked}">{{one.name}}</a>
|
||||||
<a class="option-border"> </a>
|
<a class="option-border"> </a>
|
||||||
<a class="option-item">
|
<a class="option-item">
|
||||||
<span @click="jumUX()" class="Uxtext" style=""> U选小课堂
|
<span @click="uClassClick" class="Uxtext" style=""> U选小课堂
|
||||||
<span class="uxicon">
|
<span class="uxicon">
|
||||||
<svg-icon icon-class="hot" style="font-size:22px"></svg-icon>
|
<svg-icon icon-class="hot" style="font-size:22px"></svg-icon>
|
||||||
</span>
|
</span>
|
||||||
@@ -298,6 +298,54 @@
|
|||||||
</div>
|
</div>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer></portal-footer>
|
||||||
<portalFloatTools ref="floatTools"></portalFloatTools>
|
<portalFloatTools ref="floatTools"></portalFloatTools>
|
||||||
|
<!-- U课堂弹窗 -->
|
||||||
|
<div class="u-class">
|
||||||
|
<el-dialog :visible.sync="showUClass" width="833px">
|
||||||
|
<div class="ClassBoxContent">
|
||||||
|
<img src="../../../assets/images/u_class.png" alt="" class="img" />
|
||||||
|
<div class="ContentBox">
|
||||||
|
<div class="left">
|
||||||
|
<div class="title">U选小课堂</div>
|
||||||
|
<div class="jy">项目简介</div>
|
||||||
|
<div class="msg">
|
||||||
|
于22年首推，是一个面向全集团员工开放的职业通识类数字化培养项目，旨在帮助员工开阔眼界、加厚职业素养。在原有外部精选通用力课程基础上，2023年引入创新专区，以新鲜的话题、新颖的形式，带给全员丰富、有趣的学习体验。
|
||||||
|
</div>
|
||||||
|
<div class="bottom"></div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<div class="tyl" @click="tylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/dc.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">通用力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">加厚职业素养，轻学习、快成长！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cyl" @click="cylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/cyl.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">创新力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">激发创新潜力，拓视野、促思考！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：组合创新、单点破局、错位竞争、分形创新、第二曲线、数字化、元宇宙
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -420,6 +468,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
showUClass: false,
|
||||||
ctypeList:[
|
ctypeList:[
|
||||||
{type:1,id:20,name:'录播课',checked:false},
|
{type:1,id:20,name:'录播课',checked:false},
|
||||||
{type:1,id:30,name:'线下课',checked:false},
|
{type:1,id:30,name:'线下课',checked:false},
|
||||||
@@ -548,6 +597,20 @@ export default {
|
|||||||
window.removeEventListener("scroll", this.handleScroll);
|
window.removeEventListener("scroll", this.handleScroll);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
tylClick() {
|
||||||
|
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
|
||||||
|
},
|
||||||
|
cylClick() {
|
||||||
|
window.open("https://u.boe.com/pc/course?keyword=创新力专区");
|
||||||
|
},
|
||||||
|
showClass(flag) {
|
||||||
|
if (flag) {
|
||||||
|
this.showUClass = flag;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
uClassClick(){
|
||||||
|
this.showUClass = true;
|
||||||
|
},
|
||||||
saveLocalFilters(){
|
saveLocalFilters(){
|
||||||
let typeCodeList=[];
|
let typeCodeList=[];
|
||||||
this.stagList.forEach(item=>{
|
this.stagList.forEach(item=>{
|
||||||
@@ -1154,6 +1217,173 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.u-class {
|
||||||
|
::v-deep .el-dialog {
|
||||||
|
border-radius: 15px;
|
||||||
|
.el-dialog__headerbtn .el-dialog__close {
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.ClassBoxContent {
|
||||||
|
width: 100%;
|
||||||
|
height: 456px;
|
||||||
|
// background: red;
|
||||||
|
border-radius: 15px;
|
||||||
|
.ContentBox {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
display: flex;
|
||||||
|
.left,
|
||||||
|
.right {
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
padding-left: 30px;
|
||||||
|
width: 48%;
|
||||||
|
.title {
|
||||||
|
width: 200px;
|
||||||
|
height: 59px;
|
||||||
|
line-height: 59px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: -8px;
|
||||||
|
font-size: 38px;
|
||||||
|
color: white;
|
||||||
|
margin-top: 42.97px;
|
||||||
|
padding-top: 5px;
|
||||||
|
text-shadow: 0 6px 3px rgba(96, 85, 243, 0.4);
|
||||||
|
}
|
||||||
|
.jy {
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-top: 87.53px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.msg {
|
||||||
|
margin-top: 5px;
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
width: 326px;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
width: 100px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
// padding-left: 10px;
|
||||||
|
width: 50%;
|
||||||
|
.tyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 83px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||||
|
}
|
||||||
|
.cyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 10px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.img {
|
||||||
|
width: 835px;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.couresstartTime{
|
.couresstartTime{
|
||||||
line-height: 26px;
|
line-height: 26px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="follow-page">
|
<div class="follow-page">
|
||||||
<div class="follow-banner">
|
<div class="follow-banner">
|
||||||
<portal-header current="follow" textColor="#fff" :hideSearch="true" @emitInput="emitInput"></portal-header>
|
<portal-header current="follow" textColor="#fff" :hideSearch="true" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div class="home-page-left">
|
<div class="home-page-left">
|
||||||
@@ -168,6 +168,53 @@
|
|||||||
<div style="height:200px"></div>
|
<div style="height:200px"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="u-class">
|
||||||
|
<el-dialog :visible.sync="showUClass" width="833px">
|
||||||
|
<div class="ClassBoxContent">
|
||||||
|
<img src="../../../assets/images/u_class.png" alt="" class="img" />
|
||||||
|
<div class="ContentBox">
|
||||||
|
<div class="left">
|
||||||
|
<div class="title">U选小课堂</div>
|
||||||
|
<div class="jy">项目简介</div>
|
||||||
|
<div class="msg">
|
||||||
|
于22年首推，是一个面向全集团员工开放的职业通识类数字化培养项目，旨在帮助员工开阔眼界、加厚职业素养。在原有外部精选通用力课程基础上，2023年引入创新专区，以新鲜的话题、新颖的形式，带给全员丰富、有趣的学习体验。
|
||||||
|
</div>
|
||||||
|
<div class="bottom"></div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<div class="tyl" @click="tylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/dc.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">通用力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">加厚职业素养，轻学习、快成长！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cyl" @click="cylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/cyl.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">创新力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">激发创新潜力，拓视野、促思考！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：组合创新、单点破局、错位竞争、分形创新、第二曲线、数字化、元宇宙
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -198,6 +245,7 @@
|
|||||||
components:{portalHeader,UcHeader,CaseList,CourseList,NoteList,PutList,AnswerList,ArticleList,FollowList,BookList},
|
components:{portalHeader,UcHeader,CaseList,CourseList,NoteList,PutList,AnswerList,ArticleList,FollowList,BookList},
|
||||||
data(){
|
data(){
|
||||||
return{
|
return{
|
||||||
|
showUClass: false,
|
||||||
pageId:'',
|
pageId:'',
|
||||||
loading:false,
|
loading:false,
|
||||||
loading1:false,
|
loading1:false,
|
||||||
@@ -252,6 +300,17 @@
|
|||||||
this.loadOrgDomain();
|
this.loadOrgDomain();
|
||||||
},
|
},
|
||||||
methods:{
|
methods:{
|
||||||
|
tylClick() {
|
||||||
|
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
|
||||||
|
},
|
||||||
|
cylClick() {
|
||||||
|
window.open("https://u.boe.com/pc/course?keyword=创新力专区");
|
||||||
|
},
|
||||||
|
showClass(flag) {
|
||||||
|
if (flag) {
|
||||||
|
this.showUClass = flag;
|
||||||
|
}
|
||||||
|
},
|
||||||
emitInput(){
|
emitInput(){
|
||||||
|
|
||||||
},
|
},
|
||||||
@@ -695,6 +754,173 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.u-class {
|
||||||
|
::v-deep .el-dialog {
|
||||||
|
border-radius: 15px;
|
||||||
|
.el-dialog__headerbtn .el-dialog__close {
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.ClassBoxContent {
|
||||||
|
width: 100%;
|
||||||
|
height: 456px;
|
||||||
|
// background: red;
|
||||||
|
border-radius: 15px;
|
||||||
|
.ContentBox {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
display: flex;
|
||||||
|
.left,
|
||||||
|
.right {
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
padding-left: 30px;
|
||||||
|
width: 48%;
|
||||||
|
.title {
|
||||||
|
width: 200px;
|
||||||
|
height: 59px;
|
||||||
|
line-height: 59px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: -8px;
|
||||||
|
font-size: 38px;
|
||||||
|
color: white;
|
||||||
|
margin-top: 42.97px;
|
||||||
|
padding-top: 5px;
|
||||||
|
text-shadow: 0 6px 3px rgba(96, 85, 243, 0.4);
|
||||||
|
}
|
||||||
|
.jy {
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-top: 87.53px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.msg {
|
||||||
|
margin-top: 5px;
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
width: 326px;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
width: 100px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
// padding-left: 10px;
|
||||||
|
width: 50%;
|
||||||
|
.tyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 83px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||||
|
}
|
||||||
|
.cyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 10px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.img {
|
||||||
|
width: 835px;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.div-pagination{
|
.div-pagination{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top:50px;
|
margin-top:50px;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="qa-list-content" class="qa-list-content">
|
<div id="qa-list-content" class="qa-list-content">
|
||||||
<div class="qa-banner">
|
<div class="qa-banner">
|
||||||
<portal-header current="qa" textColor="#000000" class="qa-nav" @emitInput="emitInput"></portal-header>
|
<portal-header current="qa" textColor="#000000" class="qa-nav" @emitInput="emitInput" @showClass="showClass"></portal-header>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="padding-top:30px" class="portal-content">
|
<div style="padding-top:30px" class="portal-content">
|
||||||
@@ -130,6 +130,53 @@
|
|||||||
</el-dialog>
|
</el-dialog>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer></portal-footer>
|
||||||
<portalFloatTools @sure="getQaData(true)"></portalFloatTools>
|
<portalFloatTools @sure="getQaData(true)"></portalFloatTools>
|
||||||
|
<div class="u-class">
|
||||||
|
<el-dialog :visible.sync="showUClass" width="833px">
|
||||||
|
<div class="ClassBoxContent">
|
||||||
|
<img src="../../../assets/images/u_class.png" alt="" class="img" />
|
||||||
|
<div class="ContentBox">
|
||||||
|
<div class="left">
|
||||||
|
<div class="title">U选小课堂</div>
|
||||||
|
<div class="jy">项目简介</div>
|
||||||
|
<div class="msg">
|
||||||
|
于22年首推，是一个面向全集团员工开放的职业通识类数字化培养项目，旨在帮助员工开阔眼界、加厚职业素养。在原有外部精选通用力课程基础上，2023年引入创新专区，以新鲜的话题、新颖的形式，带给全员丰富、有趣的学习体验。
|
||||||
|
</div>
|
||||||
|
<div class="bottom"></div>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<div class="tyl" @click="tylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/dc.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">通用力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">加厚职业素养，轻学习、快成长！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cyl" @click="cylClick">
|
||||||
|
<div class="tyl_title">
|
||||||
|
<img
|
||||||
|
src="../../../assets/images/cyl.png"
|
||||||
|
alt=""
|
||||||
|
class="tyl_title_img"
|
||||||
|
/>
|
||||||
|
<span class="tyl_title_msg">创新力专区</span>
|
||||||
|
</div>
|
||||||
|
<div class="tyl_jy">激发创新潜力，拓视野、促思考！</div>
|
||||||
|
<div class="tyl_msg">
|
||||||
|
内容涵盖：组合创新、单点破局、错位竞争、分形创新、第二曲线、数字化、元宇宙
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -168,6 +215,7 @@ export default {
|
|||||||
// },
|
// },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
showUClass: false,
|
||||||
ankIds:[],
|
ankIds:[],
|
||||||
resonimg:{},
|
resonimg:{},
|
||||||
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
|
||||||
@@ -215,6 +263,17 @@ export default {
|
|||||||
window.removeEventListener("scroll",this.handleScroll);
|
window.removeEventListener("scroll",this.handleScroll);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
tylClick() {
|
||||||
|
window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
|
||||||
|
},
|
||||||
|
cylClick() {
|
||||||
|
window.open("https://u.boe.com/pc/course?keyword=创新力专区");
|
||||||
|
},
|
||||||
|
showClass(flag) {
|
||||||
|
if (flag) {
|
||||||
|
this.showUClass = flag;
|
||||||
|
}
|
||||||
|
},
|
||||||
banJump() {
|
banJump() {
|
||||||
if(this.resonimg.JumpUrl) {
|
if(this.resonimg.JumpUrl) {
|
||||||
window.open(this.resonimg.JumpUrl);
|
window.open(this.resonimg.JumpUrl);
|
||||||
@@ -453,6 +512,173 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.u-class {
|
||||||
|
::v-deep .el-dialog {
|
||||||
|
border-radius: 15px;
|
||||||
|
.el-dialog__headerbtn .el-dialog__close {
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 99;
|
||||||
|
right: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.ClassBoxContent {
|
||||||
|
width: 100%;
|
||||||
|
height: 456px;
|
||||||
|
// background: red;
|
||||||
|
border-radius: 15px;
|
||||||
|
.ContentBox {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
display: flex;
|
||||||
|
.left,
|
||||||
|
.right {
|
||||||
|
height: calc(100% - 30px);
|
||||||
|
}
|
||||||
|
.left {
|
||||||
|
padding-left: 30px;
|
||||||
|
width: 48%;
|
||||||
|
.title {
|
||||||
|
width: 200px;
|
||||||
|
height: 59px;
|
||||||
|
line-height: 59px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: -8px;
|
||||||
|
font-size: 38px;
|
||||||
|
color: white;
|
||||||
|
margin-top: 42.97px;
|
||||||
|
padding-top: 5px;
|
||||||
|
text-shadow: 0 6px 3px rgba(96, 85, 243, 0.4);
|
||||||
|
}
|
||||||
|
.jy {
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
margin-top: 87.53px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.msg {
|
||||||
|
margin-top: 5px;
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
width: 326px;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.bottom {
|
||||||
|
width: 100px;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(255, 255, 255, 0.85);
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
// padding-left: 10px;
|
||||||
|
width: 50%;
|
||||||
|
.tyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 83px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||||
|
}
|
||||||
|
.cyl {
|
||||||
|
cursor: pointer;
|
||||||
|
width: calc(100% - 20px);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 4px;
|
||||||
|
height: 160px;
|
||||||
|
margin-top: 10px;
|
||||||
|
.tyl_title {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
|
.tyl_title_img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
.tyl_title_msg {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: #333333;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tyl_jy {
|
||||||
|
margin-top: 6.5px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
.tyl_msg {
|
||||||
|
width: 350.36px;
|
||||||
|
margin-top: 13px;
|
||||||
|
margin-left: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 400;
|
||||||
|
letter-spacing: 0;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.cyl:hover {
|
||||||
|
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||||
|
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.img {
|
||||||
|
width: 835px;
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-top: -1px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.four-line-ellipsis{
|
.four-line-ellipsis{
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
// white-space:pre-wrap;
|
// white-space:pre-wrap;
|
||||||
|
|||||||
Reference in New Issue
Block a user