|
@@ -36,16 +36,18 @@
|
|
|
|
|
|
|
|
|
|
<!-- 荔园 -->
|
|
<!-- 荔园 -->
|
|
-
|
|
|
|
<div v-if="roleUser.orgName == '荔园小学教育集团'" class="TabListAdmin">
|
|
<div v-if="roleUser.orgName == '荔园小学教育集团'" class="TabListAdmin">
|
|
<div
|
|
<div
|
|
- @mouseenter="setHovered(index, true)"
|
|
|
|
- @mouseleave="setHovered(index, false)"
|
|
|
|
|
|
+ @mouseenter="lysetHovered(index, true)"
|
|
|
|
+ @mouseleave="lysetHovered(index, false)"
|
|
class="TabListAll2"
|
|
class="TabListAll2"
|
|
@click="openApp2(item)"
|
|
@click="openApp2(item)"
|
|
v-for="(item,index) in liyuanTab"
|
|
v-for="(item,index) in liyuanTab"
|
|
:key="index+'1p'">
|
|
:key="index+'1p'">
|
|
- <img style="position: absolute;top: -40%;left: 50%;transform: translate(-50%,0);" :src="item.icon" alt="">
|
|
|
|
|
|
+ <img
|
|
|
|
+ style="position: absolute;top: -40%;left: 50%;width: 120px;height: 140px;transform: translate(-50%,0);"
|
|
|
|
+ :src="item.hovered ? item.hoverIcon : item.icon"
|
|
|
|
+ alt="">
|
|
<span class="tabTit">{{ item.name }}</span>
|
|
<span class="tabTit">{{ item.name }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -322,11 +324,11 @@ import { myMixin } from "@/mixins/mixin.js"
|
|
require('../assets/img/img3.svg'),
|
|
require('../assets/img/img3.svg'),
|
|
],
|
|
],
|
|
liyuanTab:[
|
|
liyuanTab:[
|
|
- {toolId:'CourseCon',name:'课程建设',icon:require('../assets/toppage/classbuild.svg'),hoverIcon:''},
|
|
|
|
- {toolId:'teacherDevelop',name:'教师发展',icon:require('../assets/toppage/tealep.svg'),hoverIcon:''},
|
|
|
|
- {toolId:'aiOffice',name:'智能教务',icon:require('../assets/toppage/aiwork.svg'),hoverIcon:''},
|
|
|
|
- {toolId:'lyStudentEva',name:'学生评价',icon:require('../assets/toppage/stueva.svg'),hoverIcon:''},
|
|
|
|
- {toolId:'schoolSafe',name:'平安校园',icon:require('../assets/toppage/safesch.svg'),hoverIcon:''},
|
|
|
|
|
|
+ {toolId:'CourseCon',name:'课程建设',icon:require('../assets/lytop/kj.svg'),hoverIcon:require('../assets/lytop/kj.gif'),hovered:false},
|
|
|
|
+ {toolId:'teacherDevelop',name:'教师发展',icon:require('../assets/lytop/kz.svg'),hoverIcon:require('../assets/lytop/kz.gif'),hovered:false},
|
|
|
|
+ {toolId:'aiOffice',name:'智能教务',icon:require('../assets/lytop/kg.svg'),hoverIcon:require('../assets/lytop/kg.gif'),hovered:false},
|
|
|
|
+ {toolId:'lyStudentEva',name:'学生评价',icon:require('../assets/lytop/jg.svg'),hoverIcon:require('../assets/lytop/jg.gif'),hovered:false},
|
|
|
|
+ {toolId:'schoolSafe',name:'平安校园',icon:require('../assets/lytop/xy.svg'),hoverIcon:require('../assets/lytop/xy.gif'),hovered:false},
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -340,6 +342,10 @@ import { myMixin } from "@/mixins/mixin.js"
|
|
setHovered(index, value) {
|
|
setHovered(index, value) {
|
|
this.tabList[index].hovered = value;
|
|
this.tabList[index].hovered = value;
|
|
},
|
|
},
|
|
|
|
+ // 首页liyuan平台应用浮动效果
|
|
|
|
+ lysetHovered(index, value) {
|
|
|
|
+ this.liyuanTab[index].hovered = value;
|
|
|
|
+ },
|
|
// 获取cocoFlow2应用
|
|
// 获取cocoFlow2应用
|
|
getData(){
|
|
getData(){
|
|
let cocoFlowCopy = []
|
|
let cocoFlowCopy = []
|