|
@@ -1,11 +1,10 @@
|
|
|
<template>
|
|
|
<div class="content">
|
|
|
- <div class="background"></div>
|
|
|
<router-view></router-view>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
-import { reactive,provide } from 'vue'
|
|
|
+import { reactive, provide } from 'vue'
|
|
|
let pay_info = reactive({})
|
|
|
provide('pay_info', pay_info)
|
|
|
let state = reactive({
|
|
@@ -24,7 +23,11 @@ body,
|
|
|
height: 100%;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
|
|
|
.content {
|
|
@@ -33,14 +36,5 @@ body,
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
-
|
|
|
- .background {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: #000000;
|
|
|
- opacity: 0.7;
|
|
|
- position: fixed;
|
|
|
- z-index: 1;
|
|
|
- }
|
|
|
}
|
|
|
</style>
|