<template> <view class="album"> <view v-for="(item,index) in list" :key="index" class="album-item"> <view class="album-item-title"> <view class="album-item-title-left"> {{item.name}} </view> <view class="album-item-title-right"> 创建时间 {{item.date}} </view> </view> <view class="album-item-img"> <imgList @click='goPhoto' :list='item.img' /> </view> </view> </view> </template> <script> import imgList from '@/components/imgList.vue' export default { name: "photoAlbum", components: { imgList }, props: { list: { type: Array, default: () => [] } }, data() { return { }; }, methods:{ goPhoto(){ uni.navigateTo({ url: '/pages/photoAlbum/photoAlbum' }) } } } </script> <style lang="scss" scoped> .album { width: 100%; box-sizing: border-box; font-family: "PingFang"; .album-item { width: 100%; box-sizing: border-box; background: #ffffff; border-radius: 10rpx; padding: 32rpx; box-shadow: 0px 0px 6.67px 0px rgba(147, 147, 147, 0.20); margin-bottom: 32rpx; .album-item-title { display: flex; justify-content: space-between; padding-bottom: 24rpx; border-bottom: 1px solid #f2f2f2; margin-bottom: 32rpx; .album-item-title-left { font-size: 32rpx; font-weight: 700; } .album-item-title-right { font-size: 24rpx; color: #999; } } } } </style>