更新记录

1.0（2020-09-08） 下载此版本

不用导入任何插件的东西，直接使用组件嵌套布局就可以了，几行代码就可以搞定。

平台兼容性

顶部悬停布局

顶部悬停，就是当控件滑动到该位置的时候，将悬停在顶部。使用很简单，几行代码即可搞定。

使用方式

1.引入组件

  import topView from "@/components/eiml-hover/eiml-hover.vue"

  export default {
        components:{
            'topView':topView
        },

2.使用组件

<!-- 需要悬停的控件 -->
<view id="popView" class="recordTitle" >
    推荐列表
</view>

<!-- 引入悬停的组件，再在悬停组件中写上和需要悬停的控件一致的代码 -->
<!-- cloneId="popView"  cloneId需要和悬停控件的ID一致，scrollTop为当前滚动的位置-->
<topView cloneId="popView" :scrollTop="scrollTop" >
    <view class="recordTitle" >
        推荐列表
    </view>
</topView>

3.js代码

export default {
    data() {
        return {
            scrollTop:0,
        }
    },
    onPageScroll (e){
        this.scrollTop=e.scrollTop;
    },
}