You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
99 lines
5.7 KiB
99 lines
5.7 KiB
<!--pages/material/subpage/newest/newest.wxml-->
|
|
<view class="main">
|
|
<!-- 搜索栏 -->
|
|
<view class="search">
|
|
<l-search-bar bg-color="#F9F9F9" class="search" placeholder="搜索" show-cancel="{{false}}" />
|
|
</view>
|
|
<!-- 导航栏 -->
|
|
<view class="wrap">
|
|
<view wx:for="{{navItem}}" wx:key="index" class="item {{item.is?'active':''}}" data-id="{{item.id}}" bind:tap="handleClick">
|
|
{{item.name}}
|
|
</view>
|
|
</view>
|
|
<!-- 导航栏选项 -->
|
|
<view class="selectWrap {{showOrHide?'slidown':'slidup'}}">
|
|
<view class="selectItem {{item.is?'active':''}}" wx:for="{{selectedItem}}" wx:key="index" data-contant="{{item.name}}" data-id="{{index}}" bind:tap="closeMask">
|
|
{{item.name}}
|
|
</view>
|
|
</view>
|
|
<!-- 遮罩层 -->
|
|
<view class="{{showOrHide?'shadow':''}}" bind:tap="closeMask" />
|
|
<!-- 素材展示 -->
|
|
<view class="mat">
|
|
<view class="mat_card">
|
|
<view class="card_top">今天</view>
|
|
<view class="cards">
|
|
<view class="card" data-url="/pages/lookup/loockvideo/video" bindtap="to">
|
|
<!-- 封面图片 -->
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
<!-- 左下角播放时长 -->
|
|
<view class="time">
|
|
<image style="width: 16rpx;height: 18rpx;margin-right: 5rpx;" src="/images/img_bofang@2x.png"></image>03:32
|
|
</view>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/loockvideo/video" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtutwo@2x.png"></image>
|
|
<view class="time">
|
|
<image style="width: 16rpx;height: 18rpx;margin-right: 5rpx;" src="/images/img_bofang@2x.png"></image>03:32
|
|
</view>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuthr@2x.png"></image>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
</view>
|
|
</view>
|
|
</view><view class="mat_card">
|
|
<view class="card_top">5月14日</view>
|
|
<view class="cards">
|
|
<view class="card" data-url="/pages/lookup/loockvideo/video" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtutwo@2x.png"></image>
|
|
<view class="time">
|
|
<image style="width: 16rpx;height: 18rpx;margin-right: 5rpx;" src="/images/img_bofang@2x.png"></image>03:32
|
|
</view>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuthr@2x.png"></image>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
</view>
|
|
</view>
|
|
</view><view class="mat_card">
|
|
<view class="card_top">5月13日</view>
|
|
<view class="cards">
|
|
<view class="card" data-url="/pages/lookup/loockvideo/video" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
<view class="time">
|
|
<image style="width: 16rpx;height: 18rpx;margin-right: 5rpx;" src="/images/img_bofang@2x.png"></image>03:32
|
|
</view>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/loockvideo/video" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtutwo@2x.png"></image>
|
|
<view class="time">
|
|
<image style="width: 16rpx;height: 18rpx;margin-right: 5rpx;" src="/images/img_bofang@2x.png"></image>03:32
|
|
</view>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuthr@2x.png"></image>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
</view>
|
|
<view class="card" data-url="/pages/lookup/lookimg/img" bindtap="to">
|
|
<image style="width: 144rpx;height: 144rpx;border-radius: 8rpx;" src="../../../quest/subpage/detail/image/short/img_xtuone@2x.png"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |