页面结构组件，支持手动滚动

Tevin

2023-10-18 039cd582e2bb49af7b3ad126c49ef988b7d8853f

页面结构组件，支持手动滚动

 layout/h5Page/CContent.vue

@@ -15,6 +15,10 @@
            class="c-content-scroll"
            v-if="scroll==='on'"
            :scrollY="true"
            :scroll-top="scrollTop"
            :scroll-with-animation="true"
            ref="scrollor"
            @scroll="evt => handleScroll(evt)"
        >
            <slot />
        </scroll-view>
@@ -31,5 +35,21 @@
            default: 'off',
        },
    },
    data() {
        return {
            scrollTop: '',
        };
    },
    methods: {
        handleScroll(evt) {
            this.scrollTop = evt.target.scrollTop;
        },
        $scrollTop(top) {
            if (this.scroll === 'off') {
                return;
            }
            this.scrollTop = top || 0;
        },
    },
};
</script>