fs-gutter.vue 465 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <view class="fs-gutter" :style="styleStr"></view>
  3. </template>
  4. <script setup>
  5. import { computed } from 'vue'
  6. const props = defineProps({
  7. height: {
  8. type: String,
  9. default: '20rpx'
  10. },
  11. bgColor: String
  12. })
  13. const styleStr = computed(() => {
  14. return `height: ${props.height};background-color:${props.bgColor}`
  15. })
  16. </script>
  17. <style lang="scss" scoped>
  18. .fs-gutter{
  19. width: 100%;
  20. background-color: var(--bg-color);
  21. }
  22. </style>