<template>
<view class="exclusive-plan" :style="'margin-bottom: ' + meta.margin_bottom + 'px'">
    <view class="title" v-if="planTitle && show">
        <span>{{planTitle}}</span>
        <span data-link="/pages/article/list/list?type=2" @tap="_jumpImg">更多
             <text class="iconfont icon-gengduo"></text>
        </span>
    </view>
    <view class="content-plans">
        <view class="item" v-for="(item, index) in planData" :key="index"  :data-link="item.link" @tap="_jumpImg">
            <image :src="item.image"></image>
        </view>
    </view>
</view>
</template>
<script>

export default {
  data() {
    return {};
  },
  props: {
	   planData: {
	    type: Array,
	    value: ''
	  },
	  planTitle: {
	    type: String,
	    value: ''
	  },
	  show: {
	    type: Number,
	    value: ''
	  },
	  meta: {
	    type: Object,
	    value: ""
	  }
  },
  options: {
    addGlobalClass: true
  },
  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 "exclusive-plan";
</style>
