xinjiangMiniProgram/pages/tabbar/index/comp/notice.vue

<template>
	<view class="ul">
		<view class="li flex-b" v-for="(item,index) in list" :key="index">
			<view class="leftTxt">
				<view class="tit towRowText">
					{{ item.title }}
				</view>
				<view class="date">2024.06.28  18:42</view>
			</view>
			<view class="cover">
				<image :src="item.picture" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script >
	export default {
		props: ['list']
	}
</script>

<style lang="scss" scoped>
	.ul {
		width: 100%;
	  .li {
		  width: 100%;
		  padding: 30rpx 0;
		  border-bottom: 1px solid #EFEFEF;
		  &:last-child {
			  border-bottom: none;
		  }
	    .leftTxt {
			padding-right: 80rpx;
			width: 0;
			flex: 1;
	      .tit.towRowText {
			font-size: 28rpx;
			color: #343434;
			font-weight: bold;
	      }
	
	      .date {
			font-size: 28rpx;
			color: #999999;
			margin-top: 40rpx;
	      }
	    }
	
	    .cover {
			width: 210rpx;
			height: 150rpx;
			background: #EFEFEF;
			border-radius: 12rpx;
			overflow: hidden;
	      image {
			display: block;
			width: 100%;
			height: 100%;
	      }
	    }
	  }
	}
</style>