hongze_yb_xcx/pages/chart/component/chartItem.vue

<template>
  <view class="chart-item" :data-id="itemData.dragId" @click.stop="itemClick">
      <view class="van-multi-ellipsis--l2 title">{{itemData.title}}就发动机上课了发觉得凯撒尽快发动机卡JFK的撒尽快付款的撒娇离开了</view>
      <image lazy-load class="img" src="" mode="aspectFill"/>
  </view>
</template>

<script>
export default {
    name:"chartItem",
    props: {
        itemData:{
          type: Object,
			    value: {}
        }
    },
    methods: {
      itemClick(){
        this.$emit('click')
      }
    }
}
</script>

<style lang='scss' scoped>
.chart-item{
    height: 380rpx;
    background: #FFFFFF;
    box-shadow: 0px 0px 12rpx rgba(154, 141, 123, 0.16);
    border-radius: 8rpx;
    margin-left: 10rpx;
    margin-right: 10rpx;
    margin-bottom: 20rpx;
    padding: 20rpx 20rpx 33rpx 20rpx;
    .title{
      font-size: 26rpx;
      min-height: 60rpx;
    }
    .img{
      margin-top: 10rpx;
      width: 100%;
      height: 261rpx;
      display: block;
      margin-left: auto;
      margin-right: auto;
      background-color: #f6f6f6;
    }
}
</style>