<template>
	<view class="projectContent"
	@click="$emit('click')">
		<image src="/static/image/contract/contract.png" mode="aspectFill" />
		<view class="info">
			<view class="projectName">
				{{ item.title }}
			</view>
			<view class="text"
			v-if="item.updateTime">
				修改时间：{{ item.updateTime }}
			</view>
			<view class="text">
				创建时间：{{ item.createTime }}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props : ['item'],
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.projectContent {
		background-color: #fff;
		display: flex;

		image {
			width: 140rpx;
			height: 120rpx;
			margin: 20rpx;
		}

		.info {
			margin: 28rpx 10rpx;
			flex-direction: column;
			display: flex;
			gap: 10rpx;

			.projectName {
				font-size: 32rpx;
			}

			.text {
				font-size: 24rpx;
			}
		}

		.run {
			margin: auto;
			margin-right: 30rpx;
			height: 60rpx;
			width: 60rpx;
			border-radius: 50%;
			border: 1px solid $uni-color;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>