|
@@ -139,6 +139,10 @@ const scrollFn = () => {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+const goBack = () => {
|
|
|
|
+ window.history.back()
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
window.addEventListener(
|
|
window.addEventListener(
|
|
@@ -191,6 +195,17 @@ onMounted(() => {
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="system-btns">
|
|
|
|
+ <BtnBack
|
|
|
|
+ @click="goBack"
|
|
|
|
+ />
|
|
|
|
+
|
|
|
|
+ <img
|
|
|
|
+ class="operation-h"
|
|
|
|
+ src="@/assets/images/icon_operation_h_white.png"
|
|
|
|
+ alt=""
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -260,5 +275,19 @@ onMounted(() => {
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .system-btns {
|
|
|
|
+ width: 100%;
|
|
|
|
+ padding: 0 calc(20 / v-bind(windowSizeWhenDesignForRef) * v-bind(windowSizeInCssForRef));
|
|
|
|
+ display: flex;
|
|
|
|
+ // flex-direction: column;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: calc(20 /v-bind(windowSizeWhenDesignForRef) * v-bind(windowSizeInCssForRef));
|
|
|
|
+ z-index: 2;
|
|
|
|
+ .operation-h{
|
|
|
|
+ width: calc(36 /v-bind('windowSizeWhenDesignForRef')* v-bind('windowSizeInCssForRef'));
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|