index.vue 693 B

123456789101112131415161718192021222324
  1. <template>
  2. <!-- 小程序环境 会把$attrs 解析到最外层标签(虚拟标签,导致无效),只能使用自定义参数 -->
  3. <div class="container" :style="props.cusStyle">
  4. <!-- 小程序内只能用v-if移除组件,如果用v-show条件false时,整个页面不显示。。 -->
  5. <ay-pull v-if="store.curPage.pageConfig?.isPager">
  6. <slot />
  7. </ay-pull>
  8. <slot v-else />
  9. </div>
  10. </template>
  11. <script lang="ts" setup>
  12. defineOptions({
  13. name: 'container',
  14. })
  15. const props = defineProps<{ cusStyle?: AnyObject }>()
  16. </script>
  17. <style lang="scss" scoped>
  18. .container {
  19. position: relative;
  20. box-sizing: border-box;
  21. height: 100vh;
  22. padding: $p-spac;
  23. }
  24. </style>