hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-15 22:06:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

12
src/layout/components/TopNav/Index.vue
View File

@@ -367,7 +367,7 @@ export default {
} }
.msg { .msg {
margin-top: 5px; margin-top: 5px;
color: rgba(255,255,255,0.85); color: rgba(255, 255, 255, 0.85);
width: 326px; width: 326px;
text-align: justify; text-align: justify;
line-height: 20px; line-height: 20px;
@@ -375,7 +375,7 @@ export default {
.bottom { .bottom {
width: 100px; width: 100px;
height: 1px; height: 1px;
background: rgba(255,255,255,0.85); background: rgba(255, 255, 255, 0.85);
margin-top: 40px; margin-top: 40px;
} }
} }
@@ -388,7 +388,7 @@ export default {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
height: 150px; height: 160px;
margin-top: 83px; margin-top: 83px;
.tyl_title { .tyl_title {
width: 100%; width: 100%;
@@ -423,9 +423,9 @@ export default {
text-align: justify; text-align: justify;
} }
} }
.tyl:hover{ .tyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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 { .cyl {
cursor: pointer; cursor: pointer;
@@ -470,7 +470,7 @@ export default {
} }
.cyl:hover { .cyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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);
} }
} }
} }

6
src/views/Index.vue
View File

@@ -1623,7 +1623,7 @@ export default {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
height: 150px; height: 160px;
margin-top: 83px; margin-top: 83px;
.tyl_title { .tyl_title {
width: 100%; width: 100%;
@@ -1660,7 +1660,7 @@ export default {
} }
.tyl:hover { .tyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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 { .cyl {
cursor: pointer; cursor: pointer;
@@ -1705,7 +1705,7 @@ export default {
} }
.cyl:hover { .cyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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);
} }
} }
} }

14
src/views/portal/article/Index.vue
View File

@@ -505,11 +505,11 @@ export default {
position: absolute; position: absolute;
z-index: 9; z-index: 9;
display: flex; display: flex;
.leftBox, .left,
.rightBox { .right {
height: calc(100% - 30px); height: calc(100% - 30px);
} }
.leftBox { .left {
padding-left: 30px; padding-left: 30px;
width: 48%; width: 48%;
.title { .title {
@@ -544,7 +544,7 @@ export default {
margin-top: 40px; margin-top: 40px;
} }
} }
.rightBox { .right {
// padding-left: 10px; // padding-left: 10px;
width: 50%; width: 50%;
.tyl { .tyl {
@@ -553,7 +553,7 @@ export default {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
height: 150px; height: 160px;
margin-top: 83px; margin-top: 83px;
.tyl_title { .tyl_title {
width: 100%; width: 100%;
@@ -590,7 +590,7 @@ export default {
} }
.tyl:hover { .tyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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 { .cyl {
cursor: pointer; cursor: pointer;
@@ -635,7 +635,7 @@ export default {
} }
.cyl:hover { .cyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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);
} }
} }
} }

6
src/views/portal/case/Index.vue
View File

@@ -1013,7 +1013,7 @@ export default {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
height: 150px; height: 160px;
margin-top: 83px; margin-top: 83px;
.tyl_title { .tyl_title {
width: 100%; width: 100%;
@@ -1050,7 +1050,7 @@ export default {
} }
.tyl:hover { .tyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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 { .cyl {
cursor: pointer; cursor: pointer;
@@ -1095,7 +1095,7 @@ export default {
} }
.cyl:hover { .cyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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);
} }
} }
} }

11
src/views/portal/course/Index.vue
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 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>
@@ -608,6 +608,9 @@ export default {
this.showUClass = flag; this.showUClass = flag;
} }
}, },
uClassClick(){
this.showUClass = true;
},
saveLocalFilters(){ saveLocalFilters(){
let typeCodeList=[]; let typeCodeList=[];
this.stagList.forEach(item=>{ this.stagList.forEach(item=>{
@@ -1286,7 +1289,7 @@ export default {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
height: 150px; height: 160px;
margin-top: 83px; margin-top: 83px;
.tyl_title { .tyl_title {
width: 100%; width: 100%;
@@ -1323,7 +1326,7 @@ export default {
} }
.tyl:hover { .tyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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 { .cyl {
cursor: pointer; cursor: pointer;
@@ -1368,7 +1371,7 @@ export default {
} }
.cyl:hover { .cyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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);
} }
} }
} }

8
src/views/portal/follow/index.vue
View File

@@ -754,7 +754,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.u-class { .u-class {
::v-deep .el-dialog { ::v-deep .el-dialog {
border-radius: 15px; border-radius: 15px;
.el-dialog__headerbtn .el-dialog__close { .el-dialog__headerbtn .el-dialog__close {
@@ -826,7 +826,7 @@
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
height: 150px; height: 160px;
margin-top: 83px; margin-top: 83px;
.tyl_title { .tyl_title {
width: 100%; width: 100%;
@@ -863,7 +863,7 @@
} }
.tyl:hover { .tyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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 { .cyl {
cursor: pointer; cursor: pointer;
@@ -908,7 +908,7 @@
} }
.cyl:hover { .cyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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);
} }
} }
} }

6
src/views/portal/qa/Index.vue
View File

@@ -584,7 +584,7 @@ export default {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
height: 150px; height: 160px;
margin-top: 83px; margin-top: 83px;
.tyl_title { .tyl_title {
width: 100%; width: 100%;
@@ -621,7 +621,7 @@ export default {
} }
.tyl:hover { .tyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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 { .cyl {
cursor: pointer; cursor: pointer;
@@ -666,7 +666,7 @@ export default {
} }
.cyl:hover { .cyl:hover {
border: 0.96px solid rgba(140, 105, 242, 1); 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);
} }
} }
} }