better-scroll 使用

首先按照官方文檔寫出html結構樣式,

如下:

<div class="goodContent" ref="goodContent">
    <div>
        <!-- 頂部提示信息 -->
        <div class="top-tip">
            <span class="refresh-hook">下拉刷新</span>
        </div>
        <ul>
            <li v-for="(num,key) in 30" :key="key" @click='_numClick(key)'>{{num}}</li>
            <li v-for="(person,key) in persons" :key="key">{{person.name}}</li>
        </ul>
        <!-- 底部提示信息 -->
        <div class="bottom-tip">
            <span class="loading-hook">加載更多</span>
        </div>
    </div>
</div>  其中的提示信息視情況使用,這裏要注意的是一定要給最外層的div添加個定位;沒有定位將導致頁面無法滑動;
然後就是按照官方文檔給的接口去寫你需要用到的方法,示例如下:
這裏需要注意的是bscroll初始化的時候

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章