文章列表

 <!-- 文章列表 -->

  <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%;

}