<template>
<view class="big-coffee" :style="'margin-bottom: ' + meta.margin_bottom + 'px'">
    <view class="title" v-if="coffeeTitle && show">
        <span>{{coffeeTitle}}</span>
        <!--<span data-link="/pages/article/coffeeList/coffeeList?type=1" bindtap="_jumpImg">
            更多
             <i class="iconfont icon-gengduo"></i>
        </span>-->
    </view>
    <view class="ul-list">
        <view class="li-item" v-for="(item, index) in coffeeData" :key="index"  :data-link="item.link" @tap="_jumpImg">
            <view class="left-info">
                <image :src="item.image"></image>
            </view>
            <view class="right-info">
                <view class="name">
                    {{item.associate.title}}
                </view>
                <view class="referrer">
                    <view class="avatar">
                        <image :src="item.associate.author_avatar"></image>
                    </view>
                    <view class="detail">
                        <view class="nick-name">推荐者：{{item.associate.author}}</view>
                        <view class="sub-intro">{{item.associate.author_title}}</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>
</template>
<script>

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

  props: {
	  coffeeData: {
	    type: Array,
	    value: ''
	  },
	  coffeeTitle: {
	    type: String,
	    value: ''
	  },
	  show: {
	    type: Number,
	    value: ''
	  },
	  meta: {
	    type: Object,
	    value: ""
	  }
  },
  
  methods: {
	   _jumpImg(e) {
	    var link = e.currentTarget.dataset.link;
	    if (!link || link == 'uto_miniprogram') return;
	    wx.navigateTo({
	      url: link
	    });
	  },
    },

};

</script>
<style rel="stylesheet/less" lang="less">
@import "big-coffee";
</style>