assess-app/pages/loan/loan.vue

<template>
	<view class="total-page page_env page-box">
		<Nav :title="'贷后管理'" :genre="1" :back="false" :fixedHeight="108"></Nav>
		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
			<Search :placeholder="'贷款人姓名或电话'"></Search>
			<view class="page-box-bg-fff m-lr20 r-20">
				<z-tabs ref="tabs" :list="tabsList" :active-style="{color:'#10B261',fontWeight:'bold',fontSize:'30rpx'}"
					:bar-style="{background:'#10B261'}" :inactive-style="{fontWeight:'bold',fontSize:'28rpx'}"
					:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />
			</view>
		</view>
		<!-- <EnButton is_both></EnButton> -->
		<TaskItem :type="1"></TaskItem>
		<Tab :tab-index="2"></Tab>
	</view>

</template>
<script>
	// 任务列表
	import TaskItem from "@/common/task/task-item.vue";

	export default {
		components: {
			TaskItem
		},
		data() {
			return {
				current: 0,
				tabsList: [{
					name: '全部',
					disabled: false
				}, {
					name: '已完成(6)',
					dot_color: 'red',
					is_dot:true,
					disabled: false
				}, {
					name: '未完成(6)',
					dot_color: '#000',
					is_dot:true,
					disabled: false
				}],
			}
		},
		watch: {


		},
		methods: {
			tabsChange(index) {
				this.current = index;
			},

		},
	}
</script>
<style lang="scss" scoped>

</style>