uni-app開發(7)---兼容多類型DOM結構組件封裝

在頁面列表結構中，公共組件可以封裝使用。但是，公共組件中類型可能有很多種，比如：文本、圖文、視頻、分享等等不同類型，我們在進行公共組件開發的時候，沒有必要根據類型封裝多個組件，我們只需要封裝一個組件，其中根據不同類型使用多個template根據類型編譯即可。

代碼結構如下：

<view class="u-f-ajc">
	<!-- 圖片 -->
	<template v-if="item.titlepic">
		<image :src="item.titlepic" mode="widthFix" lazy-load></image>
	</template>
	<!-- 視頻 -->
	<template v-if="item.video">
		<view class="common-list-play icon iconfont icon-bofang"></view>
		<view class="common-list-playinfo">
			{{item.video.looknum}} 次播放 {{item.video.long}}
		</view>
	</template>
	<!-- 分享 -->
	<template v-if="item.share">
		<view class="common-list-share u-f-ac">
			<image :src="item.share.titlepic" mode="widthFix" lazy-load></image>
			<view>{{item.share.title}}</view>
		</view>
	</template>
</view>

效果圖：