jingcai/pages/game/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>
	import { gameBetList } from "@/api/game.js";

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

<style lang="scss">
	.all {
		width: 750rpx;
		min-height: 100vh;
		background-color: $page-color-base;
	}
	.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>