feat: new project按钮样式

src/views/HomeMain.vue

@@ -27,7 +27,7 @@
             ></path>
           </svg>
         </div>
-        <div class="newObj" @click="newProject">
+        <div class="newObj" :class="{ active: isNewProject }" @click="newProject">
           <!-- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.5 5v14m-7-7h14"></path></svg> -->
 
           <svg
@@ -521,7 +521,8 @@ export default defineComponent({
         isEarlier: false
       },
       bathGenerationList: ['poseTransfer', 'SERIES_DESIGN', 'toProduct', 'relight'],
-      showHistory: false
+      showHistory: false,
+      isNewProject: false
     })
     let userDetail = computed(() => {
       return store.state.UserHabit.userDetail
@@ -610,13 +611,19 @@ export default defineComponent({
 
     // 监听路由,当路由地址为/home/history时homeMainData.showHistory为true,改变左侧菜单颜色
     watch(
-      () => route.path,
-      () => {
+      [() => route.path, () => route.fullPath],
+      ([path, fullPath]) => {
         if (route.path == '/home/history') {
           homeMainData.showHistory = true
         } else {
           homeMainData.showHistory = false
         }
+        // 当fullPath为/home时表示在新建项目
+        if (route.fullPath === '/home') {
+          homeMainData.isNewProject = true
+        } else {
+          homeMainData.isNewProject = false
+        }
       },
       { immediate: true }
     )
@@ -1717,7 +1724,8 @@ export default defineComponent({
   }
   .newObj {
     border-radius: 2rem;
-    border: 2px solid #000;
+    border: 2px solid rgba(0, 0, 0, 0.1);
+    background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1726,6 +1734,12 @@ export default defineComponent({
     width: 25.1rem;
     // height: 6.8rem;
     padding: calc(2rem - 2px) 0;
+    &.active {
+      border-color: rgba(0, 0, 0, 0.5);
+    }
+    &:hover {
+      border-color: rgba(0, 0, 0, 0.5);
+    }
     > svg {
       margin-right: 1.3rem;
       width: 1.6rem;
@@ -2228,6 +2242,7 @@ export default defineComponent({
   }
   &.active {
     cursor: not-allowed;
+    border-color: rgba(0, 0, 0, 0.5);
   }
 
   &.filled:hover {