邃芒官网、邃芒慧影、口播(H5) https://m.metavatar.cc
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 
 

88 行
2.9 KiB

  1. <template>
  2. <div class="case">
  3. <div v-for="(item, index) in caseList[characters]" :key="index">
  4. <h6>{{ item.title }}</h6>
  5. <p>{{ item.content }}</p>
  6. <img :src="item.imgUrl" alt="">
  7. </div>
  8. </div>
  9. </template>
  10. <script>
  11. import { mapState } from 'vuex'
  12. export default {
  13. data() {
  14. return {
  15. caseList:{
  16. 1:[
  17. {
  18. title: 'TICOKOM直播小美',
  19. content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
  20. imgUrl: require('@/assets/img/case_1.png')
  21. },
  22. {
  23. title: 'TICOKOM直播小美',
  24. content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
  25. imgUrl: require('@/assets/img/case_2.png')
  26. },
  27. {
  28. title: 'TICOKOM直播小美',
  29. content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
  30. imgUrl: require('@/assets/img/case_3.png')
  31. }
  32. ],
  33. 2: [
  34. {
  35. title: 'TICOKOM直播小美enenen',
  36. content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
  37. imgUrl: require('@/assets/img/case_1.png')
  38. },
  39. {
  40. title: 'TICOKOM直播小美',
  41. content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
  42. imgUrl: require('@/assets/img/case_2.png')
  43. },
  44. {
  45. title: 'TICOKOM直播小美',
  46. content: '当你不再寻觅,你想要的也就来了。真正的获利是安安静静的,一点都不折腾!今年一年真正做好几个股票只操作个几次就已经够复利百分将近',
  47. imgUrl: require('@/assets/img/case_3.png')
  48. }
  49. ]
  50. }
  51. }
  52. },
  53. computed: {
  54. ...mapState({
  55. characters: state => state.publicObj.characters
  56. })
  57. }
  58. }
  59. </script>
  60. <style lang="scss" scoped>
  61. .case{
  62. background: #d7d8de;
  63. padding: 100px 0 36px;
  64. div {
  65. width: 100%;
  66. margin: 0 auto;
  67. h6 {
  68. font-size: 28px;
  69. font-weight: 400;
  70. color: #000000;
  71. margin: 36px 65px 0;
  72. }
  73. p{
  74. font-size: 18px;
  75. font-weight: 400;
  76. color: #000000;
  77. line-height: 42px;
  78. margin: 22px 65px 14px;
  79. }
  80. img{
  81. width: 96%;
  82. margin: 0 auto;
  83. }
  84. }
  85. }
  86. </style>