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

49 lines
1.6 KiB
Plaintext

<!-- 顶部导航栏 -->
<view class="cates">
<view class="cates_container">
<scroll-view class="top_menu" scroll-x="true">
<view class="top_menu_item {{index===selectIndex?'active':''}}" wx:for="{{topMenuList}}" wx:key="*this" bindtap="handleItemTap" data-index="{{index}}">{{item}}</view>
</scroll-view>
</view>
</view>
<!-- 轮播公告 -->
<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>
<!-- 轮播图 -->
<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 wx:for="{{news_list}}" wx:key="_id">
<!-- 标题框(图片和文字) -->
<view class="pic-words">
<view wx:if="{{item.news_img != 'None'}}">
<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>