From 14368e8a09c4b5793d0975f85e36a4c1d410ca36 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 16 五月 2025 17:27:24 +0800
Subject: [PATCH] feat: UI
---
apps/taro/src/components/Layout/ContentScrollView.vue | 14 ++++++++++++--
1 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/apps/taro/src/components/Layout/ContentScrollView.vue b/apps/taro/src/components/Layout/ContentScrollView.vue
index 1bb8a3e..170176a 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,7 +41,10 @@
.content-scroll-view-wrapper {
@include listScrollViewWithNoPadding;
- background-color: $body-background-color;
+
+ &.isNoWeb {
+ background-color: $body-background-color;
+ }
&.hasPaddingTop {
padding-top: 20px;
--
Gitblit v1.9.1