更新记录

1.2.0（2024-09-23） 下载此版本

1. 增加点击事件

1.1.0（2024-04-10） 下载此版本

1. 增加左图右文、右文左图模式，支持主标题+图文
2. 增加大图模式，支持主标题+图文

1.0.0（2024-04-10） 下载此版本

• list纯文字、主副标题模式，底部插槽

平台兼容性

功能介绍：

新闻列表模板纯文字版（纯文字、主副标题模式）、左图右文模式、左文右图模式、大图模式，支持自定义底部。

基本使用：

• 引入组件
• 自定义底部slot="bottom"

1. 默认纯文字

   <simbalkj-list :list-data="newsList" titleSize="34rpx">
   <view slot="bottom" slot-scope="{item}" class="bottom">
       <text>自定义底部左</text>
       <text>自定义底部右</text>
   </view> 
   </simbalkj-list>

2. 左图右文，type="leftImage"

   <simbalkj-list :list-data="newsList" subTitleSize="30rpx" type="leftImage">
   <view slot="bottom" slot-scope="{item}" class="bottom">
       <text>自定义底部</text>
       <text>自定义底部</text>
   </view> 
   </simbalkj-list>

3. 左文右图，type="rightImage"

   <simbalkj-list :list-data="newsList" subTitleSize="30rpx" type="rightImage">
   <view slot="bottom" slot-scope="{item}" class="bottom">
       <text>自定义底部</text>
       <text>自定义底部</text>
   </view> 
   </simbalkj-list>

4. 标题 + 图文混排(可选左图右文或左文右图)

   <simbalkj-list :list-data="newsList" titleSize="32rpx" subTitleSize="26rpx" type="rightImage"/>

5. 标题 + 大图 + 描述， type="bigImage"

   <simbalkj-list :list-data="newsList" titleSize="32rpx" subTitleSize="26rpx" type="bigImage">
   <view slot="bottom" slot-scope="{item}" class="bottom">
       <text>点赞{{item.likeNum}}</text>
       <text>分享{{item.shareNum}}</text>
       <text>评论{{item.commentNum}}</text>
   </view> 
   </simbalkj-list>

6. 点击事件

<simbalkj-list :list-data="newsList" titleSize="32rpx" subTitleSize="26rpx" type="rightImage" @listCilk="listCilk"/>

listCilk(news){
    console.log(news)
    /**
     * do something 
    */
}

参数 Props：

插槽 Slots:

事件 Events: