mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-11 11:56:44 +08:00
fix: U选小课堂样式更改,课程U选小课堂点击更改
This commit is contained in:
@@ -367,7 +367,7 @@ export default {
|
||||
}
|
||||
.msg {
|
||||
margin-top: 5px;
|
||||
color: rgba(255,255,255,0.85);
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
width: 326px;
|
||||
text-align: justify;
|
||||
line-height: 20px;
|
||||
@@ -375,7 +375,7 @@ export default {
|
||||
.bottom {
|
||||
width: 100px;
|
||||
height: 1px;
|
||||
background: rgba(255,255,255,0.85);
|
||||
background: rgba(255, 255, 255, 0.85);
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
@@ -388,7 +388,7 @@ export default {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
height: 150px;
|
||||
height: 160px;
|
||||
margin-top: 83px;
|
||||
.tyl_title {
|
||||
width: 100%;
|
||||
@@ -423,9 +423,9 @@ export default {
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
.tyl:hover{
|
||||
.tyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137,104,242,0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.cyl {
|
||||
cursor: pointer;
|
||||
@@ -470,7 +470,7 @@ export default {
|
||||
}
|
||||
.cyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137,104,242,0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1623,7 +1623,7 @@ export default {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
height: 150px;
|
||||
height: 160px;
|
||||
margin-top: 83px;
|
||||
.tyl_title {
|
||||
width: 100%;
|
||||
@@ -1660,7 +1660,7 @@ export default {
|
||||
}
|
||||
.tyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.cyl {
|
||||
cursor: pointer;
|
||||
@@ -1705,7 +1705,7 @@ export default {
|
||||
}
|
||||
.cyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -505,11 +505,11 @@ export default {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
display: flex;
|
||||
.leftBox,
|
||||
.rightBox {
|
||||
.left,
|
||||
.right {
|
||||
height: calc(100% - 30px);
|
||||
}
|
||||
.leftBox {
|
||||
.left {
|
||||
padding-left: 30px;
|
||||
width: 48%;
|
||||
.title {
|
||||
@@ -544,7 +544,7 @@ export default {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
.rightBox {
|
||||
.right {
|
||||
// padding-left: 10px;
|
||||
width: 50%;
|
||||
.tyl {
|
||||
@@ -553,7 +553,7 @@ export default {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
height: 150px;
|
||||
height: 160px;
|
||||
margin-top: 83px;
|
||||
.tyl_title {
|
||||
width: 100%;
|
||||
@@ -590,7 +590,7 @@ export default {
|
||||
}
|
||||
.tyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.cyl {
|
||||
cursor: pointer;
|
||||
@@ -635,7 +635,7 @@ export default {
|
||||
}
|
||||
.cyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1013,7 +1013,7 @@ export default {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
height: 150px;
|
||||
height: 160px;
|
||||
margin-top: 83px;
|
||||
.tyl_title {
|
||||
width: 100%;
|
||||
@@ -1050,7 +1050,7 @@ export default {
|
||||
}
|
||||
.tyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.cyl {
|
||||
cursor: pointer;
|
||||
@@ -1095,7 +1095,7 @@ export default {
|
||||
}
|
||||
.cyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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 class="option-border"> </a>
|
||||
<a class="option-item">
|
||||
<span @click="jumUX()" class="Uxtext" style=""> U选小课堂
|
||||
<span @click="uClassClick" class="Uxtext" style=""> U选小课堂
|
||||
<span class="uxicon">
|
||||
<svg-icon icon-class="hot" style="font-size:22px"></svg-icon>
|
||||
</span>
|
||||
@@ -608,6 +608,9 @@ export default {
|
||||
this.showUClass = flag;
|
||||
}
|
||||
},
|
||||
uClassClick(){
|
||||
this.showUClass = true;
|
||||
},
|
||||
saveLocalFilters(){
|
||||
let typeCodeList=[];
|
||||
this.stagList.forEach(item=>{
|
||||
@@ -1286,7 +1289,7 @@ export default {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
height: 150px;
|
||||
height: 160px;
|
||||
margin-top: 83px;
|
||||
.tyl_title {
|
||||
width: 100%;
|
||||
@@ -1323,7 +1326,7 @@ export default {
|
||||
}
|
||||
.tyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.cyl {
|
||||
cursor: pointer;
|
||||
@@ -1368,7 +1371,7 @@ export default {
|
||||
}
|
||||
.cyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -754,7 +754,7 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.u-class {
|
||||
.u-class {
|
||||
::v-deep .el-dialog {
|
||||
border-radius: 15px;
|
||||
.el-dialog__headerbtn .el-dialog__close {
|
||||
@@ -826,7 +826,7 @@
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
height: 150px;
|
||||
height: 160px;
|
||||
margin-top: 83px;
|
||||
.tyl_title {
|
||||
width: 100%;
|
||||
@@ -863,7 +863,7 @@
|
||||
}
|
||||
.tyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.cyl {
|
||||
cursor: pointer;
|
||||
@@ -908,7 +908,7 @@
|
||||
}
|
||||
.cyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -584,7 +584,7 @@ export default {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
|
||||
border-radius: 4px;
|
||||
height: 150px;
|
||||
height: 160px;
|
||||
margin-top: 83px;
|
||||
.tyl_title {
|
||||
width: 100%;
|
||||
@@ -621,7 +621,7 @@ export default {
|
||||
}
|
||||
.tyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
|
||||
}
|
||||
.cyl {
|
||||
cursor: pointer;
|
||||
@@ -666,7 +666,7 @@ export default {
|
||||
}
|
||||
.cyl:hover {
|
||||
border: 0.96px solid rgba(140, 105, 242, 1);
|
||||
box-shadow: 7px 5px 6px 0px rgba(137, 104, 242, 0.19);
|
||||
box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user