diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 5386258b..ef0cdae0 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -210,7 +210,11 @@ display: none;
overflow-x: scroll;
display: flex;
flex-direction: column;
-
+ height: 100%;
+ .contentMain {
+ flex: 1;
+ overflow-y: scroll;
+ }
}}
//抽屉--------------------------------------------------------
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index b1476f3e..3e404ded 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -137,8 +137,22 @@
@click="chooseImg(item.id)"
v-for="item in imgData"
:key="item.key"
+ style="
+ border-radius: 8px;
+ width: 136px;
+ height: 106px;
+ background-size: 100%;
+ background-repeat: no-repeat;
+ "
+ :style="{
+ border:
+ learnPathBg === item.id
+ ? '2px solid rgba(78, 166, 255, 1)'
+ : '2px solid rgba(78, 166, 255, 0)',
+ 'background-image': 'url(' + item.source + ')',
+ }"
>
-
+
@@ -245,6 +259,7 @@ export default {
source: require("../../assets/images/leveladd/3.png"),
},
],
+ learnPathBg: null, //选择的路径图背景
currentPage: 1,
tableDataTotal: 100,
pageSize: 10,
@@ -371,6 +386,7 @@ export default {
};
const chooseImg = (id) => {
console.log(id);
+ state.learnPathBg = id;
};
const getTableDate = () => {
let data = state.tableData;
diff --git a/src/views/learningpath/LevelAdd.vue b/src/views/learningpath/LevelAdd.vue
index 8800568b..0ee1ef9e 100644
--- a/src/views/learningpath/LevelAdd.vue
+++ b/src/views/learningpath/LevelAdd.vue
@@ -48,7 +48,7 @@