晨报

src/views/hzyb/report/ChapterDetail.vue

@@ -1,5 +1,12 @@
 <template>
 <van-pull-refresh v-model="loading" disabled style="min-height:100vh">
+  <div class="content-swipe">
+        <van-swipe class="my-swipe" :autoplay="3000" :show-indicators="false">
+            <van-swipe-item v-for="item in bannerDataList" :key="item.id" @click="bannerSwiperHandler(item)">
+                <img :src="item.IndexImg" />
+            </van-swipe-item>
+        </van-swipe>
+  </div>
   <div class="chapter-detail-page" v-if="info" :style="{paddingBottom:$store.state.hzyb.audioData.url&&'80px'}">
     <div :class="['main-box',!info.auth_ok&&'main-box-noauth']">
       <!-- <div class="title">【第{{info.report_chapter_item.stage}}期 | {{info.report_chapter_item.classify_name_first}}  | {{info.report_chapter_item.type_name}}】{{info.report_chapter_item.title}}</div> -->
@@ -148,7 +155,7 @@ import {addTokenToIframe} from '../utils/common'
 
 import {apiChapterDetail,apiChapterTickerValue,apiRddpShareImg,apiReportPPtImgs} from '@/api/hzyb/report'
 import {apiApplyPermission,apiUserInfo,apiSetCollect,apiCancelCollect} from '@/api/hzyb/user'
-import {Popup,Image as VanImage,PullRefresh,Col, Row,Dialog,Toast} from 'vant'
+import {Popup,Image as VanImage,PullRefresh,Col, Row,Dialog,Toast,Swipe, SwipeItem} from 'vant'
 import AudioBox from './components/AudioBox.vue'
 import SharePoster from '../components/SharePoster.vue'
 import _ from 'lodash';
@@ -163,6 +170,8 @@ export default {
     [PullRefresh.name]:PullRefresh,
     [Col.name]:Col,
     [Row.name]:Row,
+    [Swipe.name]:Swipe,
+    [SwipeItem.name]:SwipeItem,
     [PullRefresh.name]:PullRefresh,
     [Dialog.name]:Dialog,
     AudioBox,
@@ -222,6 +231,9 @@ export default {
       collectIcons,
 
       isReportPublishCancel:false,//报告取消发布
+      bannerDataList:[
+                {IndexImg:'https://hzchart.oss-cn-shanghai.aliyuncs.com/yb_xcx/banner.png',id:1},
+      ]
     };
   },
   beforeCreate(){
@@ -254,6 +266,12 @@ export default {
     window.removeEventListener('scroll',this.loadMoreHandle)
   },
   methods: {
+     // banner 点击事件
+    bannerSwiperHandler(item){
+         wx.miniProgram.navigateTo({
+            url:"/pages-report/disseminatePage/disseminatePage?id="+item.id
+        })
+    },
     //背景音频播放报告音频
     handlePlayAudioBG(){
       wx.miniProgram.navigateTo({
@@ -928,4 +946,22 @@ export default {
   }
 
 }
+.content-swipe {
+    width: 100%;
+    padding: 30px 35px 0 35px;
+    .my-swipe {
+    width: 100%;
+    .van-swipe-item {
+        width: 100%;
+         height: 120px;
+         border-radius: 12px;
+         overflow: hidden;
+    }
+    img {
+         width: 100%;
+         height: 120px;
+    }
+}
+}
+
 </style>