feat:项目基础信息创建任务左侧样式和学习路径任务添加任务左侧样式

src/views/projectcenter/TaskAdd.vue

@@ -15,7 +15,7 @@
           <div class="btnText">添加阶段</div>
         </div>
         <div class="maincon" style="background-color: #fff">
-          <div class="item" v-for="item in level" :key="item.id">
+          <div class="item" :class="isactive == index && isActive == true ? 'bgcactive' : '' " v-for="(item , index ) in level" @click="changebgc(index)" :key="item.id">
             <div class="itemle">
               <div class="tit">{{ item.tit }}</div>
               <div class="name">{{ item.name }}</div>
@@ -840,6 +840,8 @@ export default {
       cC: false,
       cancelModal: false, //确认取消阶段弹窗
       deleteModal: false, //确认删除弹窗
+      isactive: -1,
+      isActive:false,
     });
     const selectProjectName = (value, index) => {
       console.log("value", value, index);
@@ -1061,6 +1063,10 @@ export default {
     const closeDelete = () => {
       state.deleteModal = false;
     };
+    const changebgc = (index) => {
+      state.isactive = index;
+      state.isActive = !state.isActive;
+    }
     return {
       ...toRefs(state),
       selectProjectName,
@@ -1090,6 +1096,7 @@ export default {
       closeCancel,
       showDelete,
       closeDelete,
+      changebgc,
     };
   },
 };
@@ -1520,6 +1527,10 @@ export default {
             right: 16px;
           }
         }
+        .bgcactive{
+          opacity:1;
+          transition:all .5s;
+        }
       }
     }
   }