nzhbsr/pages/heyue/tradlist.vue

<template>
	<view class="content">
		<view class="flex navbar">
			<view class="" v-for="(item,index) in navList">
				{{item.name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navList: [{
						status: 0,
						name: '全部委托',
						page: 1,
						limit: 10,
						loadingType: 'more',
						loded: false,
					},
					{
						status: 0,
						name: '全部持倉',
						page: 1,
						limit: 10,
						loadingType: 'more',
						loded: false,
					},
					{
						status: 0,
						name: '成交明細',
						page: 1,
						limit: 10,
						loadingType: 'more',
						loded: false,
					}
				]
			}
		},
		onLoad() {

		},
		onShow() {

		},
		onReachBottom() {

		},
		onReady() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.navbar {
		justify-content: flex-start;
	}
</style>