Neatly Packaged Modules

    m_vue_waterfall

    0.0.7 • Public • Published

    使用方式

    1. 安装
    npm install --save m_vue_waterfall
    
    1. 使用
    import waterfall from 'm_vue_waterfall'
    Vue.use(waterfall)
    <waterfall :data="lists" :gap="10" :col={2}>
           <template v-slot="{item}">
               <div class="item">
                   <div class="tit">{{item.name}}</div>
                   <div class="con">{{item.con}}</div>
               </div>
           </template>
       </waterfall>
    
    1. 属性说明
    • data:表示传入的列表数据json格式。
    • gap:表示瀑布流两列的间隔宽度,传入number类型
    • col: 表示多少列
    • template标签表示自定义单个的子项的模板,v-slot来接受单个子项的数据。

    Install

    npm i m_vue_waterfall

    DownloadsWeekly Downloads

    2

    Version

    0.0.7

    License

    ISC

    Unpacked Size

    4.97 kB

    Total Files

    4

    Last publish

    Collaborators

    • leemingy