Browse Source

新增右侧导航点击样式

zengyicheng 1 year ago
parent
commit
60b2ff73d2

BIN
src/assets/icon/studentEva/isDiary.png


BIN
src/assets/icon/studentEva/isReport.png


BIN
src/assets/icon/studentEva/isScore.png


+ 19 - 7
src/components/pages/kindStudentEva/test/index.vue

@@ -37,9 +37,9 @@
 </template>
 </template>
 
 
 <script>
 <script>
-import Diary from "./diary.vue"
-import Score from "./score.vue"
-import Report from "./report.vue"
+import Diary from "./diary.vue";
+import Score from "./score.vue";
+import Report from "./report.vue";
 export default {
 export default {
   props: {
   props: {
     userid: {
     userid: {
@@ -49,7 +49,7 @@ export default {
       type: String,
       type: String,
     },
     },
   },
   },
-  components:{
+  components: {
     Diary,
     Diary,
     Score,
     Score,
     Report,
     Report,
@@ -114,19 +114,22 @@ export default {
   margin-left: 10px;
   margin-left: 10px;
 }
 }
 
 
-.i_body_title > .title_box > .title_item:nth-child(1) div:first-child {
+.i_body_title > .title_box > .title_item:nth-child(1) div:first-child,
+.i_body_title > .title_box > .active:nth-child(1) div:first-child {
   width: 20px;
   width: 20px;
   height: 20px;
   height: 20px;
   background-size: 100% 100%;
   background-size: 100% 100%;
   background-image: url("../../../../assets/icon/studentEva/diary.png");
   background-image: url("../../../../assets/icon/studentEva/diary.png");
 }
 }
-.i_body_title > .title_box > .title_item:nth-child(2) div:first-child {
+.i_body_title > .title_box > .title_item:nth-child(2) div:first-child,
+.i_body_title > .title_box > .active:nth-child(2) div:first-child {
   width: 20px;
   width: 20px;
   height: 20px;
   height: 20px;
   background-size: 100% 100%;
   background-size: 100% 100%;
   background-image: url("../../../../assets/icon/studentEva/score.png");
   background-image: url("../../../../assets/icon/studentEva/score.png");
 }
 }
-.i_body_title > .title_box > .title_item:nth-child(3) div:first-child {
+.i_body_title > .title_box > .title_item:nth-child(3) div:first-child,
+.i_body_title > .title_box > .active:nth-child(3) div:first-child {
   width: 20px;
   width: 20px;
   height: 20px;
   height: 20px;
   background-size: 100% 100%;
   background-size: 100% 100%;
@@ -136,6 +139,15 @@ export default {
   background: #f8fafe;
   background: #f8fafe;
 }
 }
 
 
+.i_body_title > .title_box > .active:nth-child(1) div:first-child {
+  background-image: url("../../../../assets/icon/studentEva/isDiary.png") !important;
+}
+.i_body_title > .title_box > .active:nth-child(2) div:first-child {
+  background-image: url("../../../../assets/icon/studentEva/isScore.png") !important;
+}
+.i_body_title > .title_box > .active:nth-child(3) div:first-child {
+  background-image: url("../../../../assets/icon/studentEva/isReport.png") !important;
+}
 .i_body_title > .title_box > .active > div:last-child {
 .i_body_title > .title_box > .active > div:last-child {
   color: #4288fc;
   color: #4288fc;
 }
 }