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>