jingcai/pages/history/history.vue

<template>
	<view class="all">
		<view class="list" v-for="item in 25" :key="item">
			<view class="le">
				<view class="qs">第2022010223期</view>
				<view class="dy">0.064489</view>
			</view>
			<view class="ri">
				<view class="sx" style="margin-left: 380rpx;">{{$t('enter.u6')}}</view>
				<view class="sx" style="margin-left: 30rpx;">{{$t('enter.u5')}}</view>
			</view>
			<view class="ri">
				<view class="sx" style="margin-left: 380rpx;">{{$t('enter.u4')}}</view>
				<view class="sx" style="margin-left: 30rpx;">{{$t('enter.u7')}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.all {
	width: 750rpx;
	min-height: 100vh;
	background-color: #000;
}
.list {
	display: flex;
	justify-content: start;
	width: 750rpx;
	height: 150rpx;
}
.qs {
	height: 19rpx;
	font-size: 20rpx;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 27rpx;
	margin-left: 30rpx;
}
.dy {
	height: 35rpx;
	font-size: 46rpx;
	font-weight: bold;
	color: #FDB242;
	margin-top: 14rpx;
	margin-left: 30rpx;
} 
.ri {
	display: flex;
	justify-content: start;
	margin-left: -45rpx;
}
.sx {
	height: 28rpx;
	font-size: 30rpx;
	font-weight: bold;
	color: #DF5660;
	margin-top: 50rpx;
}
.xian {
	width: 696rpx;
	height: 2rpx;
	background: #F0F0F0;
	opacity: 0.35;
	margin-left: 30rpx;
	margin-top: 43rpx;
}
</style>