crawler-MiniProgram/新闻小程序/pages/home/home.wxml

50 lines
1.6 KiB
Plaintext

<!-- 轮播公告 -->
<view class="swiper-view">
<swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="3000">
<block wx:for="{{msgList}}" wx:key="index">
<swiper-item>
<view class="swiper-title">{{item.title}}</view>
</swiper-item>
</block>
</swiper>
</view>
<!-- 新闻板块导航栏 -->
<scroll-view class="types" scroll-x="true">
<view class="type-item">内地新闻</view>
<view class="type-item">香港新闻</view>
<view class="type-item">台湾新闻</view>
<view class="type-item">国际新闻</view>
<view class="type-item">军事新闻</view>
</scroll-view>
<!-- 顶部轮播图 -->
<view class="lunbotuBlock">
<swiper indicator-dots indicator-color="gray" indicator-active-color="white" circular autoplay interval="5000">
<swiper-item wx:for="{{lunboList}}" wx:key="id" class="lunbotuItem">
<image src="{{item.lunbotu_img}}"></image>
</swiper-item>
</swiper>
</view>
<!-- 新闻列表 -->
<view class="news-list">
<!-- 每篇新闻框 -->
<view class="newsItem" wx:for="{{news_list}}" wx:key="_id">
<!-- 标题框(图片和文字) -->
<view class="pic-words">
<view wx:if="{{item.news_img}}">
<image class="news_image" src="{{item.news_img}}"></image>
</view>
<view class="news_title .title-words" bindtap="gotoDetail" data-id="{{item._id}}">{{item.news_title}}</view>
</view>
<!-- 发布单位与发布时间 -->
<view class="publish">
<view class="publisher">{{item.news_author}}</view>
<view class="create-time">{{item.news_date}}</view>
</view>
</view>
</view>