活动组件 usage

import { Tabs, TabPane } from 'yzb-design-act'
//引入
components: {
    Tabs, TabPane
}
//使用
<Tabs @click="handldTabClick">
    <TabPane :current="current" :index="0">
        0000
    </TabPane>
    <TabPane :current="current" :index="1">
        1111
    </TabPane>
</Tabs>

或者

vue.use();

DataList 排行榜

<DataList
    :dataList="lists" //渲染列表
    :config="datalistConfig" //渲染配置
    :selectList="selectList" //日期list 如配置里isSelectDate:true
    @selectedDateCBK="selectedDateCBK" //日期选择
    @loadMore="loadMore"//加载更多
>

datalistConfig

渲染配置选项

name | 参数 | 备注
-|-|- isSelectDate | true/false | 是否显示日期组件 | selectedDate | 02月10日 | 默认显示日期 | emptymsg | '暂无数据' | 默认list为空的文案 | acatarItem | true/false | acatarItem组件显示 | avatarItem | true/false | avatarItem组件显示 | playerItem | true/false | playerItem组件显示 | isNext | true/false | 下一页 | isMore | true/false | 是否显示更多 |

DateSelector 日期组件

<DateSelector
    :selectList="selectList"
    :selectedDate="config.selectedDate"
    @selectedDateCBK="selectedDateCBK"
></DateSelector>

日期组件配置

name | 参数 | 备注
-|-|- selectList | true/false | 是否显示日期组件 | selectedDate | 02月10日 | 默认显示日期 | selectedDateCBK | Function | 日期选择 |

AcatarItem、AvatarItem、PlayerItem组件

可选择的三种list样式组件

• AcatarItem--右侧贡献、距离上一名
• AvatarItem--右侧收到XXXX
• PlayerItem--右侧用户headlist

<AvatarItem
   v-for="(item, index) in dataList"
   :key="index"
   :list="item"
   :index="index"
   >
</AvatarItem>
//参数
lists: [
   {
       memberid: 354488798,
       nickname: "库奇侠🎤",
       score: 53,
       avatar:
       "https://alcdn.img.xiaoka.tv/20190629/a2d/2f3/354488798/a2d2f31d789d007f977be8ba30f953b6.jpg@1e_1c_0o_0l_160h_160w_100q_1pr.jpg",
       status: null,
       scid: null,
       platform: 0,
       url: "",
       sub_billboard: [
       {
           memberid: 359896175,
           nickname: "库奇💛小柠檬ʚɞ",
           score: 45,
           avatar:
           "https://alcdn.img.xiaoka.tv/20191102/df5/db7/359896175/df5db78823227de5811c255e3363b959.jpg@1e_1c_0o_0l_160h_160w_100q_1pr.jpg",
           platform: 0,
           url: ""
       },
       {
           memberid: 359896175,
           nickname: "库奇💛小柠檬ʚɞ",
           score: 45,
           avatar:
           "https://alcdn.img.xiaoka.tv/20191102/df5/db7/359896175/df5db78823227de5811c255e3363b959.jpg@1e_1c_0o_0l_160h_160w_100q_1pr.jpg",
           platform: 0,
           url: ""
       }
       ]
   },
   {
       memberid: 354488798,
       nickname: "库奇侠🎤",
       score: 53,
       avatar:
       "https://alcdn.img.xiaoka.tv/20190629/a2d/2f3/354488798/a2d2f31d789d007f977be8ba30f953b6.jpg@1e_1c_0o_0l_160h_160w_100q_1pr.jpg",
       status: null,
       scid: null,
       platform: 0,
       url: ""
   }
   ],