76 lines
1.5 KiB
XML
76 lines
1.5 KiB
XML
<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>
|