<template>
<div>
  <div class="tigs">
    <div class="tigs-title">
      {{title}}
    </div>
    <div class="tigs-div" v-for="(item, index) in option" :key="index">
      <img :src="item.img"/>
      <p style="text-align: center;">{{item.lable}}</p>
      <p style="text-align: center;">{{item.describe}}</p>
    </div>
  </div>

</div>
</template>
<script>
export default {
  name: 'indexTips',
  data() {
    return {}
  },
  props: {
    title: String,
    option: Array,
  }
}
</script>
<style scoped>
img {
  width: 70%;
  height: 70%;
}
.tigs {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0px 0.5px 2px 0.5px;
  margin-bottom: 25px;
  color: #666666;
  height: 373px;
}
.tigs-title {
  height: 34px;
  border-radius: 5px 5px 0px 0px;
  /* color: #c4c4c4; */
  border-bottom: 1px solid #c4c4c4;
  font-size: 16px;
  padding: 20px 0px 5px 20px;
  height: 50px;
}
.tigs-div {
  text-align: center;
  margin: auto;
  padding: 10px 10px 10px 10px;
}
.tigs-div>p {
  text-align: left;
  line-height: 1.8;
  margin-bottom: 8px;
  font-size: 14px;
  text-align: center;
}
</style>
