jp-railway/pages/mine/myLike.vue

<template>
	<view>
		<u-navbar title="我的点赞"  >	
		</u-navbar>
		<view class="main">
			<view class="like-box">
				<view class="content">
					<view class="title">
						2023年度春季职工运动会活动奖励公示
					</view>
					<view class="else">
						<view class="classify">
							政务动态
						</view>
						<view class="date">
							2020-12-30
						</view>
					</view>
				</view>
				<view class="picture">
					<img src="../../assets/img/slideshow@2x.png" alt="">
				</view>
				
			</view>
			
			<view class="like-box">
				<view class="content">
					<view class="title">
						庆祝建党节书法作品大赛活动奖励公示
					</view>
					<view class="else">
						<view class="classify">
							政务动态
						</view>
						<view class="date">
							2020-12-30
						</view>
					</view>
				</view>
				<view class="picture">
					<img src="../../assets/img/slideshow@2x.png" alt="">
				</view>
				
			</view>
		</view>
		<u-divider bg-color="#F2F4F4" border-color="#CFD2D5">已经到底了</u-divider>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.main{
		padding: 24rpx 32rpx;
		.like-box{
			border-radius: 8px;
			background-color: rgba(255, 255, 255, 1);
			display: flex;
			justify-content: space-between;
			padding: 24rpx;
			margin-bottom: 24rpx;
			.content{
				width: 390rpx;
				display: flex;
			    flex-direction:column;
				justify-content: space-between;
				.title{
					color: rgba(51, 51, 51, 1);
					font-size: 32rpx;
					line-height: 46rpx;
					font-weight: bold;
					font-family: 'Medium';
				}
				.else{
					display: flex;
					justify-content: space-between;
					color: rgba(119, 119, 119, 1);
					font-size: 24rpx;
					font-family: 'Regular';
				}
			}
			.picture{
				 width: 224rpx;
				 height: 172rpx;
				 border-radius: 5px;
				 overflow: hidden;
				 img{
					 width: 100%;
					 height: 100%;
					 
				 }
			}
		}
	}

</style>