112 lines
6.9 KiB
Plaintext
112 lines
6.9 KiB
Plaintext
<cu-custom isBack="{{true}}">
|
|
<view slot="content">营销资讯</view>
|
|
</cu-custom>
|
|
|
|
<scroll-view refresher-enabled="true" refresher-threshold="{{50}}" refresher-background="#fff" enhanced="{{true}}"
|
|
scroll-y bindrefresherrefresh="dorefreshList" refresher-triggered="{{isRefreshing}}">
|
|
<view style="width: 100%;padding: 15rpx;">
|
|
<block wx:if="{{infoList.length>0}}">
|
|
<block wx:for="{{infoList}}" wx:key="index">
|
|
<!-- 无图片 -->
|
|
<view class="item-box-column" wx:if="{{item.type=='1'}}">
|
|
<view class="item-content">
|
|
<view class="text">但是这个属性只支持单行文本的溢出显示省略</view>
|
|
<view class="bottom-start">
|
|
<view>来源</view>
|
|
<view>2021-06-29</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 单个图片--左 -->
|
|
<view class="item-box-row" wx:elif="{{item.type=='2'}}">
|
|
<image
|
|
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg95.699pic.com%2Fphoto%2F50146%2F2717.jpg_wh300.jpg&refer=http%3A%2F%2Fimg95.699pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632468121&t=6a12be5a432c6308e133fbd1d033f2dd"
|
|
mode="aspectFill">
|
|
</image>
|
|
<view class="item-content" style="margin-left: 15rpx;">
|
|
<view class="text">但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢</view>
|
|
<view class="bottom-end">
|
|
<view>来源</view>
|
|
<view>2021-06-29</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 单个图片--右 -->
|
|
<view class="item-box-row" wx:elif="{{item.type=='3'}}">
|
|
<view class="item-content" style="margin-right: 15rpx;">
|
|
<view class="text">但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢</view>
|
|
<view class="bottom-start">
|
|
<view>来源</view>
|
|
<view>2021-06-29</view>
|
|
</view>
|
|
</view>
|
|
<image
|
|
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg95.699pic.com%2Fphoto%2F50146%2F2717.jpg_wh300.jpg&refer=http%3A%2F%2Fimg95.699pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632468121&t=6a12be5a432c6308e133fbd1d033f2dd"
|
|
mode="aspectFill">
|
|
</image>
|
|
</view>
|
|
<!-- 单个图片--下 -->
|
|
<view class="item-box-column" wx:elif="{{item.type=='4'}}">
|
|
<view class="item-content">
|
|
<view class="text">但是这个属性只支持单行文本的溢出显示省略</view>
|
|
<image class="big-img"
|
|
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg95.699pic.com%2Fphoto%2F50146%2F2717.jpg_wh300.jpg&refer=http%3A%2F%2Fimg95.699pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632468121&t=6a12be5a432c6308e133fbd1d033f2dd"
|
|
mode="aspectFill">
|
|
</image>
|
|
<view class="bottom-start">
|
|
<view>来源</view>
|
|
<view>2021-06-29</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 多张图片 -->
|
|
<view class="item-box-column" wx:if="{{item.type=='5'}}">
|
|
<view class="item-content">
|
|
<view class="text">但是这个属性只支持单行文本的溢出显示省略</view>
|
|
<view class="img-box">
|
|
<image
|
|
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg95.699pic.com%2Fphoto%2F50146%2F2717.jpg_wh300.jpg&refer=http%3A%2F%2Fimg95.699pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632468121&t=6a12be5a432c6308e133fbd1d033f2dd"
|
|
mode="aspectFill"></image>
|
|
<image
|
|
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg95.699pic.com%2Fphoto%2F50146%2F2717.jpg_wh300.jpg&refer=http%3A%2F%2Fimg95.699pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632468121&t=6a12be5a432c6308e133fbd1d033f2dd"
|
|
mode="aspectFill"></image>
|
|
<image
|
|
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg95.699pic.com%2Fphoto%2F50146%2F2717.jpg_wh300.jpg&refer=http%3A%2F%2Fimg95.699pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632468121&t=6a12be5a432c6308e133fbd1d033f2dd"
|
|
mode="aspectFill"></image>
|
|
</view>
|
|
<view class="bottom-start">
|
|
<view>来源</view>
|
|
<view>2021-06-29</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 视频 和单张图片共用一个view将播放按钮隐藏 -->
|
|
<view class="item-box-column" wx:elif="{{item.type=='6'}}">
|
|
<view class="item-content">
|
|
<view class="text">但是这个属性只支持单行文本的溢出显示省略</view>
|
|
<view class="movie-img-box">
|
|
<image style="width: 100%;height: 100%;border-radius: 10rpx;"
|
|
src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg95.699pic.com%2Fphoto%2F50146%2F2717.jpg_wh300.jpg&refer=http%3A%2F%2Fimg95.699pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632468121&t=6a12be5a432c6308e133fbd1d033f2dd"
|
|
mode="aspectFill">
|
|
</image>
|
|
<image src="/images/ic_video_play.png" class="movie-icon" mode="scaleToFill"></image>
|
|
</view>
|
|
<view class="bottom-start">
|
|
<view>来源</view>
|
|
<view>2021-06-29</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 音频 -->
|
|
<view wx:elif="{{item.type=='7'}}">
|
|
|
|
</view>
|
|
</block>
|
|
</block>
|
|
<view wx:else style="margin-top:200rpx;width:100%;">
|
|
<van-empty description="暂无数据" />
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</scroll-view> |