onecric_h5/pages/Match/updates-detail.vue

<template>
	<view class="updates-detail">
		<u-navbar bgColor="transparent" leftIconColor="#000" :fixed="false" leftIconSize="48" :autoBack="true"></u-navbar>
		<view class="pd-lt28 pd-rt28">
			<text class="cC23 size280 mg-tp240">
				<!-- ANALYSIS -->
				{{ $t('match.la1') }}
			</text>
			<view class="size32 c3 Bold mg-tp24">
				<!-- Magnificent Malan , strokeful Stirling key 
				attractions in Match25 -->
				{{ $t('match.la2') }}
			</view>
			<text class="size24 c9 mg-tp24">
				<!-- By Anirudh Garg • Updated on 25 Aug , 2022 -->
				{{ $t('match.la3') }}
			</text>
		</view>
		<image src="../../static/image/match/matches_detail_guru@2x.png" mode="widthFix" class="detail-pic"></image>
		<view class="pd-lt28 pd-rt28 size28 c3 mg-bt36">
			<text class="mg-tp36">
				<!-- Adam Rossington(wk) , Daniel Bell-Drummond , Ben McDermott , Dan Lawrence , Eoin Morgan(c) , KieronPollard , Jordan Thompson , Liam Dawson , Nathan Ellis , Chris Wood , Mason Crane Adam Rossington(wk) , Daniel Bell-Drummond , Ben McDermott , Dan Lawrence , Eoin Morgan(c) , KieronPollard , Jordan Thompson , Liam Dawson , Nathan Ellis , Chris Wood , Mason Crane -->
				{{ $t('match.la4') }}
			</text>
			<view class="size32 Bold mg-tp36">
				<!-- Magnificent Malan -->
				{{ $t('match.la5') }}
			</view>
			<view class="mg-tp24 mg-bt24">
				<!-- Adam Rossington(wk) , Daniel Bell-Drummond , Ben McDermott , Dan Lawrence , Eoin Morgan(c) , KieronPollard , Jordan Thompson , Liam Dawson , Nathan Ellis , Chris Wood , Mason Crane Adam Rossington(wk) , Daniel Bell-Drummond , Ben McDermott , Dan Lawrence , Eoin Morgan(c) , KieronPollard , Jordan Thompson , Liam Dawson , Nathan Ellis , Chris Wood , Mason Crane -->
				{{ $t('match.la6') }}
			</view>
			<u-gap height="1" bgColor="#ccc"></u-gap>
			<view class="flex-start mg-tp36">
				<image src="/static/image/common/player_avatar_ico.png" mode="aspectFill" class="mg-rt16 avatar-pic"></image>
				<text class="size32 c3 Bold">
					<!-- CricTracker -->
				{{ $t('match.la7') }}
				</text>
			</view>
		</view>
		<u-gap height="24" bgColor="#E5E5E5"></u-gap>
		<view class="pd-lt28 pd-rt28 size28">
			<view class="size32 Bold mg-tp36">
				<!-- Magnificent Malan -->
				{{ $t('match.la5') }}
			</view>
		</view>
		<Updates/>
	</view>
</template>

<script>
	import Updates from './compontent/Updates.vue';
	export default {
		components:{Updates},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.avatar-pic{
		width: 80rpx;
		height: 80rpx;
		border-radius: 200rpx;
	}
	.detail-pic{
		width: 100%;
		margin: 36rpx 0;
	}
</style>