明梦爽
2022-04-17 5529b7077126be368abd444d45ec085d8c7779e3
src/components/page/index.vue
@@ -6,7 +6,7 @@
          <el-carousel height="450px"  arrow="always" :interval="3000">
            <el-carousel-item v-for="(item,index) in imgList" :key="index">
              <div @click="gonew(item.id)" class="cursor" style="width:590px; height:450px">
                <img :src="'http://localhost:7070/'+item.picturePath"  alt="" style="width:100%; height:90%">
              <img :src="'http://localhost:7070/' + item.picturePath" alt="" style="width:100%; height:90%" />
              </div>
            </el-carousel-item>
          </el-carousel>
@@ -22,10 +22,10 @@
    <!-- 定位fixed -->
    <div class="fixed1">
      <a href="#"><img src="../../assets/gzh.jpg" alt=""></a>
      <a href="#"><img src="../../assets/gzh.jpg" alt=""/></a>
    </div>
    <div class="fixed2">
      <a href="#"><img src="../../assets/wb.jpg" alt=""></a>
      <a href="#"><img src="../../assets/wb.jpg" alt=""/></a>
    </div>
  </div>
</template>
@@ -47,7 +47,7 @@
      //   { path:require('../../assets/2.jpg'),index: 2},
      //   { path:require('../../assets/3.jpg'),index: 3},
      // ],
      imgList:[],
      imgList: []
    }
  },
  created(){
@@ -60,13 +60,15 @@
        newsCategoryId:45,
        size:3
      }
      getNewsList(data).then(res => {
        console.log(res);
      getNewsList(data)
        .then(res => {
          console.log(res)
        if(res.code == 200){
          this.imgList = res.data.records
        }
      }).catch(err => {
        console.log(err);
        })
        .catch(err => {
          console.log(err)
      })
    },
    gonew(id){