ec.uniapp-master/components/index-nav/index-nav.vue

<template>
<!--快捷导航-->
<view class="quick-nav" :style="'margin-bottom: ' + meta.margin_bottom + 'px'">
   <view class="nav-content">
       <view class="nav-item" v-for="(item, index) in navData" :key="index"  @tap="_jumpImg" :data-src="item.link">
           <view class="top-info">
               <image :src="item.image"></image>
           </view>
           <view class="bottom-info">{{item.name}}</view>
       </view>
   </view>
</view>
</template>
<script>

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

  props: {
	 navData: {
	    type: Array,
	    value: ''
	  },
	  meta: {
	    type: Object,
	    value: ""
	  }  
   },
    //组件的方法
    methods: {
      _jumpImg(e) {
        var src = e.currentTarget.dataset.src;
        if (!src || src == 'uto_miniprogram') return;
        wx.navigateTo({
          url: src
        });
      }

    },
 
};
</script>
<style rel="stylesheet/less" lang="less">
@import "index-nav";
</style>