From bd7dd96c732ded6854d47bf77f65e5c64d3d15e2 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 21 五月 2025 13:24:09 +0800 Subject: [PATCH] fix: 修改ui --- apps/taro/src/components/Layout/ContentScrollView.vue | 16 +++++++++++++--- 1 files changed, 13 insertions(+), 3 deletions(-) diff --git a/apps/taro/src/components/Layout/ContentScrollView.vue b/apps/taro/src/components/Layout/ContentScrollView.vue index 1bb8a3e..775f10b 100644 --- a/apps/taro/src/components/Layout/ContentScrollView.vue +++ b/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,10 +41,13 @@ .content-scroll-view-wrapper { @include listScrollViewWithNoPadding; - background-color: $body-background-color; + + &.isNoWeb { + background-color: $body-background-color; + } &.hasPaddingTop { - padding-top: 20px; + padding-top: 32px; } .content-scroll-view-wrapper-inner { -- Gitblit v1.9.1