first commit

pages/recovery/index.ux

@@ -0,0 +1,75 @@
+<template>
+  <div class="page" style="position: absolute;background-color: #ffffff;">
+    <scroll scroll-y="true" bounces="true" class="scroll1 page">
+      <text
+        class="menu-btn"
+        for="{{recoveryData}}"
+        style="font-size: 30px;"
+        @click="loadRecoveryData($idx)"
+        >存档{{ $idx + 1 }}</text
+      >
+    </scroll>
+  </div>
+</template>
+
+<script>
+import router from '@blueos.app.appmanager.router';
+import storage from '@blueos.storage.storage';
+
+export default {
+    data: {
+        recovery: false,
+        recoveryData: [],
+    },
+    onInit() {
+        storage.get({
+            key: 'recoveryData',
+            success: (data) => {
+                if (data) {
+                    this.recoveryData = JSON.parse(data);
+                }
+            },
+            fail: () => { },
+        });
+    },
+    ban() {
+        console.log('ban');
+    },
+    loadRecoveryData(idx) {
+        router.replace({
+            uri: `pages/detail`,
+            params: {
+                load: idx
+            }
+        })
+    }
+}
+</script>
+<style>
+.page {
+  width: 390px;
+  height: 450px;
+}
+
+.scroll1 {
+  position: absolute;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  text-overflow: ellipsis;
+  flex-wrap: nowrap;
+  flex-direction: column;
+  align-items: center;
+}
+.menu-btn {
+  width: 250px;
+  height: 61px;
+  background-color: rgba(80, 192, 231, 0.7);
+  color: #ffffff;
+  font-size: 24px;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 20px;
+}
+</style>