|
@@ -14,7 +14,20 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
|
|
<div class="title" >任务提示</div>
|
|
<div class="title" >任务提示</div>
|
|
<div class="content commonsScrollbar" >
|
|
<div class="content commonsScrollbar" >
|
|
|
|
|
|
-
|
|
|
|
|
|
+ <div v-for="(item, index) of WindowMenuStore().obj.list" :key="index" class="list" >
|
|
|
|
+
|
|
|
|
+ <div class="one">
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <div class="two" >
|
|
|
|
+ 步骤{{ (index + 1) }}:
|
|
|
|
+ </div>
|
|
|
|
+ <div class="three" >
|
|
|
|
+ {{ item.note }}
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="lineBg" ></div>
|
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -86,6 +99,46 @@ import { ComVal } from "../ThreeWorldEventQingXiCheAndQv/common/ComVal.js";
|
|
top: 5rem;
|
|
top: 5rem;
|
|
bottom: 1rem;
|
|
bottom: 1rem;
|
|
|
|
|
|
|
|
+ .list {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 100%;
|
|
|
|
+ padding: 0.85rem 0rem 0.85rem 0rem;
|
|
|
|
+
|
|
|
|
+ .one, .two, .three {
|
|
|
|
+ display: inline-table;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .one {
|
|
|
|
+ width: 15%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .two {
|
|
|
|
+ width: 20%;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 1rem;
|
|
|
|
+ color: #41FFE0;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .three {
|
|
|
|
+ width: 65%;
|
|
|
|
+ font-weight: 400;
|
|
|
|
+ font-size: 1rem;
|
|
|
|
+ color: #E5FCF8;
|
|
|
|
+ padding: 0px 3rem 0px 0px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .lineBg {
|
|
|
|
+ position: relative;
|
|
|
|
+ display: inline-table;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 1px;
|
|
|
|
+ background-image: url("./img/menu/line.webp");
|
|
|
|
+ background-position: center;
|
|
|
|
+ background-size: 100% 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|