12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <template>
- <div>
- <swiper v-if="imgUrls.length > 0" indidator-dots="imgUrls.length > 1" >
- <block v-for="(item, index) in imgUrls" :key="index" >
- <swiper-item>
- <image :src="item" mode="scaleToFill"></image>
- </swiper-item>
- </block>
- </swiper>
- <ul class="container log-list">
- <li v-for="(log, index) in logs" :class="{ red: aa }" :key="index" class="log-item">
- <card :text="(index + 1) + ' . ' + log"></card>
- </li>
- </ul>
- </div>
- </template>
- <script>
- import { formatTime } from '@/utils/index'
- import card from '@/components/card'
- export default {
- components: {
- card
- },
- data () {
- return {
- logs: [],
- imgUrls: [
- 'http://mss.sankuai.com/v1/mss_51a7233366a4427fa6132a6ce72dbe54/newsPicture/05558951-de60-49fb-b674-dd906c8897a6',
- 'http://mss.sankuai.com/v1/mss_51a7233366a4427fa6132a6ce72dbe54/coursePicture/0fbcfdf7-0040-4692-8f84-78bb21f3395d',
- 'http://mss.sankuai.com/v1/mss_51a7233366a4427fa6132a6ce72dbe54/management-school-picture/7683b32e-4e44-4b2f-9c03-c21f34320870'
- ]
- }
- },
- created () {
- let logs
- if (mpvuePlatform === 'my') {
- logs = mpvue.getStorageSync({key: 'logs'}).data || []
- } else {
- logs = mpvue.getStorageSync('logs') || []
- }
- this.logs = logs.map(log => formatTime(new Date(log)))
- }
- }
- </script>
- <style>
- .log-list {
- display: flex;
- flex-direction: column;
- padding: 40rpx;
- }
- .log-item {
- margin: 10rpx;
- }
- </style>
|