yzb-design-act v0.0.6

活动组件 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

渲染配置选项

DateSelector 日期组件

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

日期组件配置

AcatarItem、AvatarItem、PlayerItem组件

可选择的三种list样式组件

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

  <AvatarItem
     v-for="(item, index) in dataList"
     :key="index"
     :list="item"
     :index="index"