列表使用模板

<!--<news-paperslist :childform='newsPageform'></news-paperslist>
import newsPaperslist from "../../components/readingRoom/newsPaperslist";   //报刊
data() {
    return {
      newsPageform: {
      	  query: '{"searchValue":""}',
          order:'[]',
          namespace: 'nc.news',
          pageName: 'xxlist'
      }
    };
},
components: {
    newsPaperslist,
},-->
<!--父级用的接口有数据时-->



<template>
  <div class="ac-newsPaperslist" @click="goDetail">
  	<dsf-datagrid class="" height="100%" :top-props="'teas_jwgl_bjgl_nowbcsjy.sxrs'" ref='dsfDatagrid' :http-param="childform" :background-color="'#fff'" :padding="padding" :margin="margin" :top-margin="[0,-15,0,-15]" :col="col" :limit="limit" :hasLoad="hasLoad" :hasRefresh="hasRefresh">
    	<div slot="default" slot-scope="item" :key='item.data["nc_news_xxlist.cname"]'>
		    <div class="paggeritem">
		    	<div class="p-imgbox">
		    		<van-image :src="getCover()" fit="fill">
				        <template v-slot:loading>
				          <van-loading type="spinner" size="20" />
				        </template>
				        <template v-slot:error><img src="../../../../assets/images/defaultImage/file-read-18688.png" style="width:100%;height:100%"></template>
				    </van-image>
		    	</div>
		    	<p class="ell">人民日报人民日报</p>
		    </div>
    	</div>
  	</dsf-datagrid>
  </div>
</template>

<script>
  export default {
    name: "channelItem",
    data() {
      return {
        label:[]
      }
    },
    props: {
	    childform: {
	      type: Object,
	      default() {
	        return {}
	      }
	    },
	    item:{
	        type:Object,
	        default:function () {
	          return {}
	        }
	    },
	    limit: {
	      type: Number,
	      default: 5
	    },
	    hasLoad: {
	      type: Boolean,
	      default: true,
	      desc: '是否有上拉加载'
	    },
	    col: {
	        type: [String, Number],
	        default: 3,
	        desc: '一列显示几个，暂支持1和2'
	    },
	    hasRefresh: {
	      type: Boolean,
	      default: true,
	      desc: '是否有下拉刷新'
	    },
	    padding: {
	      type: Array,
	      default() {
	        return [0, 0, 0, 15]
	      }
	    },
	    margin: {
	        type: Array,
	        default() {
	          return [0, 0, 0, 0]
	        }
	    },
	},
    computed: {},
    components: {},
    created: function () {
    },
    mounted: function () {
    },
    methods: {
      getCover: function () {
      	console.log(this.item);
        if(!this.item['nc_news_xxlist.cover']){
          return '../../../../assets/images/defaultImage/file-read-18688.png'
        }
        let files = dsf.getUploadFileInfo(this.item['nc_news_xxlist.cover']);
        return dsf.config.webRoot + files[0].relativePath
      },
      goDetail(){
      	console.log(11);
//      this.$router.push({path:'/channel/channelDetail/'+this.item['_id']});
      }
    }
  }
</script>

<style scoped>

</style>