BiKing/pages/content/exchange-record.vue

<template>
	<view>
		<headContent>&#xe642;
			<template #left>
				<reverse-back />
			</template>
			<template #content>
				<view class="haed-title">
					兑换记录
				</view>
			</template>
		</headContent>
		<gap />
		<view class="page-content">
			<block v-for="(item , index) in recordList" :key="`record_${index}`">
				<view class="">
					{{ item.l_currency }} - {{ item.r_currency }} - {{ item.num }}
				</view>
			</block>
		</view>
	</view>
</template>

<script>
	import { Api_getFlashRecord } from "@/api/index.js"
	export default {
		name:'exchange-record',
		data() {
			return {
				recordList:[]
			};
		},
		onLoad() {
			this.getFlashRecord()
		},
		mounted() {
		 
		},
		methods:{
			getFlashRecord(){
				Api_getFlashRecord().then(res => {
					this.recordList = res.data
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.page-content{
	padding: 0 $pages-padding;
}
</style>