Plug in import and usage of uni list

Create a new project first Choose the second hello uni-app The template of Find the following four folders Copy to your local project

Which component needs to use uni-lis Copy and import the code into js in

    import uniList from '@/components/uni-list/uni-list.vue';
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
	import uniAd from '@/components/uni-list-ad/uni-list-ad.vue';
	import uniChat from '@/components/uni-list-chat/uni-list-chat.vue';

  Take a look at the complete code :

<template>
	<view class="content">
		<!--  Elderly list  -->
		<uni-list v-for="(item,index) in oldManList" :key="index">
			<uni-list-item 
			 :title="item.name" 
			 @click="onClick"
			  show-arrow="true"
				link
			>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	import uniList from '@/components/uni-list/uni-list.vue';
	import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
	import uniAd from '@/components/uni-list-ad/uni-list-ad.vue';
	import uniChat from '@/components/uni-list-chat/uni-list-chat.vue';
	export default {
		components:{
			uniList,uniListItem,uniAd,uniChat
		},
		data() {
			return {
				oldManList: [{
						name: " Boss crab "
					},
					{
						name: " Patrick Star "
					},
				],
		
			};
		},
		methods: {
		  onClick(e) {
			  console.log(' perform click event ', e)				
		  }
		},
	};
</script>