From c02e7a8fe42de2a5796e95e573f9e6b6735e4d0d Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 25 三月 2025 17:06:43 +0800
Subject: [PATCH] fix: 四期需求
---
apps/h5/src/components/Layout/ContentScrollView.vue | 40 ++++++++++------------------------------
1 files changed, 10 insertions(+), 30 deletions(-)
diff --git a/apps/h5/src/components/Layout/ContentScrollView.vue b/apps/h5/src/components/Layout/ContentScrollView.vue
index 1bb8a3e..3036812 100644
--- a/apps/h5/src/components/Layout/ContentScrollView.vue
+++ b/apps/h5/src/components/Layout/ContentScrollView.vue
@@ -1,17 +1,10 @@
<template>
- <scroll-view class="content-scroll-view-wrapper" :class="{ hasPaddingTop }" :scroll-y="true">
- <ContentView
- :class="['content-scroll-view-wrapper-inner', props.allHeight ? 'all-height' : '']"
- :paddingH="paddingH"
- >
- <slot />
- </ContentView>
- </scroll-view>
+ <div :class="['content-scroll-view', { hasPaddingTop }]">
+ <slot />
+ </div>
</template>
<script setup lang="ts">
-import ContentView from './ContentView.vue';
-
defineOptions({
name: 'ContentScrollView',
});
@@ -29,26 +22,13 @@
});
</script>
-<style lang="scss">
-@import '@/styles/common.scss';
+<style lang="scss" scoped>
+@use '@/style/common.scss' as *;
-.content-scroll-view-wrapper {
- @include listScrollViewWithNoPadding;
- background-color: $body-background-color;
-
- &.hasPaddingTop {
- padding-top: 20px;
- }
-
- .content-scroll-view-wrapper-inner {
- @include ScrollViewInner;
-
- &.all-height {
- height: 100%;
- padding-bottom: 0;
- display: flex;
- flex-direction: column;
- }
- }
+.content-scroll-view {
+ overflow-y: auto;
+ padding: 10px 14px 0;
+ flex: 1;
+ min-height: 0;
}
</style>
--
Gitblit v1.9.1