fix: U选小课堂样式更改,课程U选小课堂点击更改

This commit is contained in:
mx00085@163.com
2023-03-14 14:22:49 +08:00
parent 0291d9e3d9
commit 792464806e
7 changed files with 33 additions and 30 deletions

View File

@@ -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%;
@@ -425,7 +425,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;
@@ -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);
}
}
}

View File

@@ -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);
}
}
}

View File

@@ -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);
}
}
}

View File

@@ -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);
}
}
}

View File

@@ -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);
}
}
}

View File

@@ -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);
}
}
}

View File

@@ -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);
}
}
}