微信小程序新闻信息列表展示

微信小程序信息展示列表

wxml

<!-- 轮播图 -->
<view class='haibao' bindtap="seeDetail" id="{
    {item.activityContentId}}" >
  <swiper indicator-dots='{
    {indicatorDots}}' autoplay='{
    {autoplay}}' interval='{
    {interval}}' duration='{
    {duration}}' circular='true' indicator-dots='true' circular='{
    {circular}}' >
    <block wx:for="{
    {carousels}}">
      <swiper-item>
        <image src='{
    {baseUrl}}{
    {item.imgUrl}}' class='slide-image' binderror="errorFunction"></image>
        <text class="item-title">{
   {item.title}}</text>
      </swiper-item>
    </block>
  </swiper>
</view>
<!-- 图标 -->
<!-- <view class="nav">
    <view bindtap='classify'>
      <view>
        <image src="/images/icon/renwu.jpg" style="width:80rpx;height:80rpx;"></image>
      </view>
      <view>艺人菜谱</view>
    </view>

    <view bindtap='movies'>
      <view>
        <image src="/images/icon/zhibo.jpg" style="width:80rpx;height:80rpx;"></image>
      </view>
      <view>电影推荐</view>
    </view>

    <view bindtap='post'>
      <view>
        <image src="/images/icon/chengshi.jpg" style="width:80rpx;height:80rpx;"></image>
      </view>
      <view>阅读文章</view>
    </view>
  </view> -->

<!-- 数据列表 -->
<view wx:for="{
    {dataList}}" class="item" bindtap="seeDetail" id="{
    {item.activityContentId}}">
<!-- 线条 -->
 <view class="line"></view&