@beisen-cmps/italent-feedmix-components

Usage no npm install needed!

<script type="module">
  import beisenCmpsItalentFeedmixComponents from 'https://cdn.skypack.dev/@beisen-cmps/italent-feedmix-components';
</script>

README

feed 的一些小组件

一、Evaluation 组件

参数

name:"", //评价默认显示的文本
type:"", //1评分  2评价
value:"", //评分的时候分值
goal:"" //评价类型

二、GiftImg 组件

参数

type:1, //显示图标类型 1入职祝福礼物盒 2 生日祝福礼物盒 3 打赏图标
onClick:function(type){}  //图标点击事件

三、头像组件

参数

size:"30",//大小
name:"",//名称
avatar:{
    hasAvatar: true,//是否有头像
    img:"",//头像图片地址
    color:""//没有头像时显示的颜色
},
blessingType:1,//祝福类型
enableFeatures:true,//是否开通送祝福
userId:"",//用户id
decorationType:1,//挂件类型,为4文化标签,3系统勋章,2企业勋章,1祝福
udc:{
    bless:{},
    medal:{}
}

四、feed 布局组件

参数

avatarProps:{
    size:"30",//大小
    name:"",//名称
    avatar:{
        hasAvatar: true,//是否有头像
        img:"",//头像图片地址
        color:""//没有头像时显示的颜色
    },
    blessingType:1,//祝福类型
    enableFeatures:true,//是否开通送祝福
    userId:"",//用户id
    decorationType:1,//挂件类型,为4文化标签,3系统勋章,2企业勋章,1祝福
    udc:{
        bless:{},
        medal:{}
    }
}

五、单条 feed,顶部布局组件(显示标题+评价+打赏+礼物盒+可见范围+操作+创建日期) 部分

参数

 const testProps = {
    createDate: "1989/0/0", //发布日期  可以接受一个react组件
    visibility: 1, //可见范围1:所有人可见  2:仅部门可见 3:仅相关成员可见
    isShowOperation: true, //是否显示操作
    opreationData: [] //操作数据源
  }

六、加载更多

  • 参数
handleLoadMore: 点击回调;
loading: 加载状态;
  • 使用
 <LoadMore handleLoadMore={this.handleLoadMore} loading={loading}