<template>
    <!-- logs.wxml -->
    <view class="container log-list">
        <block v-for="(log, index) in logs" :key="log.timeStamp">
            <text class="log-item">{{ index + 1 }}. {{ log.date }}</text>
        </block>
    </view>
</template>

<script>
// logs.js
const util = require('../../utils/util.js');

export default {
    data() {
        return {
            logs: [],

            log: {
                timeStamp: '',
                date: ''
            }
        };
    },
    onLoad() {
        this.setData({
            logs: (uni.getStorageSync('logs') || []).map((log) => {
                return {
                    date: util.formatTime(new Date(log)),
                    timeStamp: log
                };
            })
        });
    },
    methods: {}
};
</script>
<style>
.log-list {
    display: flex;
    flex-direction: column;
    padding: 40rpx;
}
.log-item {
    margin: 10rpx;
}
</style>
