lineage-app/pages/main/friends/friends.vue

<template>
	<view style="width: 100%;">
		<txl style="width: 100%;height: 100%;" @ev="evFunc" :datas="datas" :index="true" name="employeeName" photo="IMGphoto"></txl>
	</view>
</template>

<script>
	import txl from '@/components/yt-txl/friends.vue';  

	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		components: {
			txl
		},
		onNavigationBarButtonTap(e) {
		        uni.navigateTo({
		        	url: '/pages/main/friends/addfriends/addfriends'
		        });
		},
		data() {
			return {
				datas: [{
				        "employeeId": "test1",
				                "employeeName": "q冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "w冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "e冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "r冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "t冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "y冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "u冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "i冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "o冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "p冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "a冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "s冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "d冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "f冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "g冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "h冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "j冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "k冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "l冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "z冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "x冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "c冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "v冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "b冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "n冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    },{
				        "employeeId": "test1",
				                "employeeName": "m冰冰",
				                "companyId": "1",
				                "companyName": "test company",
				                "departmentId": "testdeptid",
				                "departmentName": "test dept",
				                "postId": "testpostid",
				                "postName": "testpost",
								"IMGphoto":"../../../static/img/shop/1.jpg"
				    }],
			}
		},
		methods: {
		evFunc(data){
		            console.log(data)
		        },
		}
	}
</script>
<style>
</style>