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

58 lines
1.7 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.news_img}}" bindtap="lunboDetail"
data-id="{{item._id}}"></image>
</swiper-item>
</swiper>
</view>
<!-- 新闻列表 -->
<view class="news_list">
<view wx:for="{{news_list}}" wx:key="_id">
<!-- 标题框(图片和文字) -->
<view class="pic-words" bindtap="gotoDetail" data-id="{{item._id}}">
<view wx:if="{{item.news_img != 'None'}}">
<image class="news_image" src="{{item.news_img}}"></image>
</view>
<view class="news_title title-words">{{item.news_title}}</view>
</view>
<!-- 发布单位与发布时间 -->
<view class="publish">
<!-- <view class="publisher">{{item.news_author}}</view> -->
<view wx:if="{{item.news_date != 'None'}}">
<view class="create-time">{{item.news_date}}</view>
</view>
</view>
</view>
</view>