<template>
	<view>
		<!--template/supplier/supplier.wxml-->
		<template name="sup_recommend"><!-- -->
			<view class="supRecommendTemplate.theme==2?'pdlr20':''"  v-if="supRecommendTemplate&&supRecommendTemplate.state==0&&supRecommendList.length>0">
				<view class="mt20 r10" :style="'background:' + supRecommendTemplate.backgroundColor">
					<navigator class="head" hover-class="none">
						<view class="titleNav pdlr20 dflex" v-if="supRecommendTemplate.titleType==1">{{supRecommendTemplate.titleCon}}</view>
						<image lazy-load="true" v-if="supRecommendTemplate.titleType==2" :src="supRecommendTemplate.titleCon + '?x-oss-process=style/w750-auto'"
						 mode="widthFix" class="imgtit"></image>
					</navigator>
					<view :class="'sup-list dflex' +(supplierTemplate.theme==2?'':' pdlr20')">
						<navigator :url="'/product/supplier/supplier?id=' + item.id" hover-class="none" class="li" v-for="(item,index) in supRecommendList" :key="index">
							<image :src="item.logo" class="sup-logo"></image>
							<view class="sup-name">{{item.name}}</view>
							<view class="fanwei tover" v-if="item.businessScope">{{item.businessScope}}</view>
							<view class="into">进入店铺</view>
						</navigator>
					</view>
				</view>
			</view>
		</template>
	</view>
</template>

<script>

	export default {
		data() {
			return {};
		},

		components: {
		},
		props: {
			supRecommendTemplate: Object, //供应商配置
			web: String, //路由跳转
			about: Object, //参数配置
			supRecommendList: Array
		},
		mounted(){
		},
		methods: {}
	};
</script>
<style scoped>
	@import "./suppliers.css";
</style>
