|
- <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>
|