1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<template>
  <div
    class="flex items-center"
    :style="{
      height: property.height + 'px'
    }"
  >
    <div
      class="w-full"
      :style="{
        borderTopStyle: property.borderType,
        borderTopColor: property.lineColor,
        borderTopWidth: `${property.lineWidth}px`,
        margin: property.paddingType === 'none' ? '0' : '0px 16px'
      }"
    ></div>
  </div>
</template>
 
<script setup lang="ts">
import { DividerProperty } from './config'
 
/** 页面顶部导航栏 */
defineOptions({ name: 'Divider' })
 
defineProps<{ property: DividerProperty }>()
</script>
 
<style scoped lang="scss"></style>