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 @@
@@ -268,6 +268,7 @@ export default { methods: {}, setup() { const state = reactive({ + gatename: null, //关卡名称 projectNameList: [ { id: 1, @@ -354,7 +355,7 @@ export default { }, }; - \ No newline at end of file +