update

src/components/WindowQingXiCheAndQv/WindowMenu.vue

@@ -14,19 +14,24 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
             <div class="title" >任务提示</div>
             <div class="content commonsScrollbar" >
 
-                <div v-for="(item, index) of WindowMenuStore().obj.list" :key="index" class="list" >
+                <div v-for="(item, index) of WindowMenuStore().obj.list" :key="index" >
                     
-                    <div class="one">
-                        <img v-if="index < WindowMenuStore().obj.index" class="selectImg" src="./img/menu/yes.webp" />
-                    </div>
-                    <div class="two" >
-                        步骤{{ (index + 1) }}：
-                    </div>
-                    <div class="three" >
-                        {{ item.note }}
+                    <div :class="'list ' + (index == WindowMenuStore().obj.index ? 'listBg' : '' )" >
+                        
+                        <div class="one">
+                            <img v-if="index < WindowMenuStore().obj.index" class="selectImg" src="./img/menu/yes.webp" />
+                        </div>
+                        <div class="two" >
+                            步骤{{ (index + 1) }}：
+                        </div>
+                        <div class="three" >
+                            {{ item.note }}
+                        </div>
+                        
                     </div>
 
                     <div class="lineBg" ></div>
+
                 </div>
 
             </div>
@@ -103,8 +108,8 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
             .list {
                 position: relative;
                 width: 100%;
-                // padding: 0.85rem 0rem 0.85rem 0rem;
-                padding: 0.35rem 0rem 0.85rem 0rem;
+                padding: 0.85rem 0rem 0.85rem 0rem;
+                // padding: 0.35rem 0rem 0.85rem 0rem;
                 
                 .one, .two, .three {
                     display: inline-table;
@@ -139,17 +144,24 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
 
             }
 
+            .listBg {
+                // background-image: url("./img/menu/bg.webp");
+                // background-position: center;
+                // background-size: 100% 100%;
+
+                background: linear-gradient(90deg, rgba(58, 150, 136, 0.26) 0.01%, #3A9688 19.06%, #3A9688 65.77%, rgba(58, 150, 136, 0) 100%);
+            }
+
             .lineBg {
                 position: relative;
-                display: inline-table;
+                // display: inline-table;
                 width: 100%;
                 height: 1px;
                 background-image: url("./img/menu/line.webp");
                 background-position: center;
                 background-size: 100% 100%;
             }
-
-
+            
         }
         
     }