<template>
  <div class="case">
     <div v-for="(item, index) in caseList[characters]" :key="index">
      <h6>{{ item.title }}</h6>
      <p>{{ item.content }}</p>
      <img :src="item.imgUrl" alt="">
    </div>
  </div>
</template>
<script>
import { mapState } from 'vuex'

export default {
  data() {
    return {
      caseList:{
      1:[
        {
          title: 'TICOKOM直播小美',
          content: '当你不再寻觅，你想要的也就来了。真正的获利是安安静静的，一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
          imgUrl: require('@/assets/img/case_1.png')
        },
        {
          title: 'TICOKOM直播小美',
          content: '当你不再寻觅，你想要的也就来了。真正的获利是安安静静的，一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
          imgUrl: require('@/assets/img/case_2.png')
        },
        {
          title: 'TICOKOM直播小美',
          content: '当你不再寻觅，你想要的也就来了。真正的获利是安安静静的，一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
          imgUrl: require('@/assets/img/case_3.png')
        }
      ],
      2: [
        {
          title: 'TICOKOM直播小美enenen',
          content: '当你不再寻觅，你想要的也就来了。真正的获利是安安静静的，一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
          imgUrl: require('@/assets/img/case_1.png')
        },
        {
          title: 'TICOKOM直播小美',
          content: '当你不再寻觅，你想要的也就来了。真正的获利是安安静静的，一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
          imgUrl: require('@/assets/img/case_2.png')
        },
        {
          title: 'TICOKOM直播小美',
          content: '当你不再寻觅，你想要的也就来了。真正的获利是安安静静的，一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
          imgUrl: require('@/assets/img/case_3.png')
        }
      ]
     } 
    }
  },
  computed: {
    ...mapState({
      characters: state => state.publicObj.characters
    })
  }
}
</script>
<style lang="scss" scoped>
  .case{
    background: #d7d8de;
    padding: 100px 0 36px;
     div {
      width: 100%;
      margin: 0 auto;
      h6 {
        font-size: 28px;
        font-weight: 400;
        color: #000000;
        margin: 36px 65px 0;
      }
      p{
        font-size: 18px;
        font-weight: 400;
        color: #000000;
        line-height: 42px;
        margin: 22px 65px 14px;
      }
      img{
        width: 96%;
        margin: 0 auto;
      }
    }
  }
</style>
