konggang-city-miniprogram/pages/appeal/appealCard.vue

<template>
  <div class="otherAppeal">
    <div class="title">
      {{ otherAppeal.title }}
    </div>
    <div class="details">
      <img :src="otherAppeal.image" class="icon" />
      <span class="name">{{ otherAppeal.name }}</span
      >：
      <span class="msg">{{ otherAppeal.msg }}</span>
    </div>
  </div>
</template>
<script>
export default {
    props:['otherAppeal']
}
</script>
<style lang="scss" scoped>
.otherAppeal {
  margin: 5% 9%;
  .title {
    margin-bottom: 5%;
    font-size: 35rpx;
  }
  .details {
    .name {
      font-size: 30rpx;
      color: red;
    }
    .msg {
      font-size: 30rpx;
    }
    .icon {
      width: 60rpx;
      height: 60rpx;
      position: absolute;
      left: 1%;
    }
  }
}
</style>