工作258:uni--页面--打卡失败页面

<template>
	<view>
		<view class="title" style="display: flex;flex-direction: column;">
			<view style="display: flex;">
			<u-image style="margin: 50rpx 0 0 30rpx;" width="54rpx" height="54rpx" src="./dui.png"></u-image>
			<text style="margin: 50rpx 0 0 24rpx;font-size: 36rpx;color: #333333;">打卡成功!</text>
			</view>
			<view style="display: flex;">
			<text style="margin: 10rpx 0 0 108rpx;font-size: 30rpx;color: #666666;">8:15已经打卡</text>
			<view style="margin:0 0 0 24rpx;width: 150rpx;height: 56rpx;border:5rpx solid #F29100;text-align: center;line-height: 46rpx;">
				<text style="color:#F29100;font-size: 28rpx;">迟到</text>
			</view>
			</view>
		</view>
	</view>
</template>

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

<style>

</style>

运行结果