小程序WeUI组件库：图文组合列表

代码

    <view class="weui-panel weui-panel_access">
                    <view class="weui-panel__hd">外贸潮品</view>
                    <view class="weui-panel__bd">
                    <navigator wx:for="{{contents}}" wx:key="id" url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
                        <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
                        <image class="weui-media-box__thumb" src="{{item.img}}" />
                        </view>
                        <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
                        <view class="weui-media-box__title">{{item.title}}</view>
                        <view class="weui-media-box__desc">{{item.article}}</view>
                        </view>
                    </navigator>
                    </view>
                    <view class="weui-panel__ft">
                    <view class="weui-cell weui-cell_access weui-cell_link">
                        <view class="weui-cell__bd">查看更多</view>
                        <view class="weui-cell__ft weui-cell__ft_in-access"></view>
                    </view>
                    </view>
    </view>
  

效果图