文章列表
阿新 • • 發佈:2022-03-22
<!-- 文章列表 -->
<view class="activity_list" wx:for="{{3}}">
<view class="list_item">
<view class="item_wenzi">
<view class="wenzi_bit">美家分類進行的活動活動標題...</view>
<view class="wenzi_jianjie">美家分類進行的活動活動內容,美家分 家分類進行的活動內活動容,美家分...</view>
</view>
<image class="item_img" src="https://qiniu.haiwojiamei.com/v3_xiao/activity4x.png"></image>
</view>
</view>
style
.list_item{
width: 100%;
padding: 30rpx;
box-sizing: border-box;
display: flex;
height: 180rpx;
overflow: hidden;
background: white;
margin-top: 20rpx;
} .item_wenzi{ flex: 2; margin-right: 20rpx; line-height: 1.5; } .wenzi_bit{ font-size: 28rpx; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 10rpx; } .wenzi_jianjie{ font-size: 24rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .item_img{ flex: 1; border-radius: 10rpx; width: 100%; height: 100%; }
} .item_wenzi{ flex: 2; margin-right: 20rpx; line-height: 1.5; } .wenzi_bit{ font-size: 28rpx; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 10rpx; } .wenzi_jianjie{ font-size: 24rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .item_img{ flex: 1; border-radius: 10rpx; width: 100%; height: 100%; }