New file |
| | |
| | | <template> |
| | | <div :class="['content-scroll-view', { hasPaddingTop }]"> |
| | | <slot /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | defineOptions({ |
| | | name: 'ContentScrollView', |
| | | }); |
| | | |
| | | type Props = { |
| | | hasPaddingTop?: boolean; |
| | | allHeight?: boolean; |
| | | paddingH?: boolean; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | hasPaddingTop: false, |
| | | allHeight: false, |
| | | paddingH: true, |
| | | }); |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @use '@/style/common.scss' as *; |
| | | |
| | | .content-scroll-view { |
| | | overflow-y: auto; |
| | | padding: 10px 14px 0; |
| | | flex: 1; |
| | | min-height: 0; |
| | | } |
| | | </style> |