wupengfei
2025-02-20 c48683d52511648af2f249ee0a240613e34ce0ad
apps/taro/src/components/Layout/ContentScrollView.vue
@@ -1,5 +1,9 @@
<template>
  <scroll-view class="content-scroll-view-wrapper" :class="{ hasPaddingTop }" :scroll-y="true">
  <scroll-view
    class="content-scroll-view-wrapper"
    :class="{ hasPaddingTop, isNoWeb: !isWeb || showBgColor }"
    :scroll-y="true"
  >
    <ContentView
      :class="['content-scroll-view-wrapper-inner', props.allHeight ? 'all-height' : '']"
      :paddingH="paddingH"
@@ -11,6 +15,7 @@
<script setup lang="ts">
import ContentView from './ContentView.vue';
import { isWeb } from '@/utils/env';
defineOptions({
  name: 'ContentScrollView',
@@ -20,12 +25,14 @@
  hasPaddingTop?: boolean;
  allHeight?: boolean;
  paddingH?: boolean;
  showBgColor?: boolean;
};
const props = withDefaults(defineProps<Props>(), {
  hasPaddingTop: false,
  allHeight: false,
  paddingH: true,
  showBgColor: true,
});
</script>
@@ -34,7 +41,10 @@
.content-scroll-view-wrapper {
  @include listScrollViewWithNoPadding;
  background-color: $body-background-color;
  &.isNoWeb {
    background-color: $body-background-color;
  }
  &.hasPaddingTop {
    padding-top: 20px;