logs.vue 934 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <!-- logs.wxml -->
  3. <view class="container log-list">
  4. <block v-for="(log, index) in logs" :key="log.timeStamp">
  5. <text class="log-item">{{ index + 1 }}. {{ log.date }}</text>
  6. </block>
  7. </view>
  8. </template>
  9. <script>
  10. // logs.js
  11. const util = require('../../utils/util.js');
  12. export default {
  13. data() {
  14. return {
  15. logs: [],
  16. log: {
  17. timeStamp: '',
  18. date: ''
  19. }
  20. };
  21. },
  22. onLoad() {
  23. this.setData({
  24. logs: (uni.getStorageSync('logs') || []).map((log) => {
  25. return {
  26. date: util.formatTime(new Date(log)),
  27. timeStamp: log
  28. };
  29. })
  30. });
  31. },
  32. methods: {}
  33. };
  34. </script>
  35. <style>
  36. .log-list {
  37. display: flex;
  38. flex-direction: column;
  39. padding: 40rpx;
  40. }
  41. .log-item {
  42. margin: 10rpx;
  43. }
  44. </style>