Divider 分割线

				
<template>
	<zk-theme type="page" :padding="30" showBack navbarTitle="Divider分割线">
		<!-- 基础用法 -->
		<zk-theme type="card" :padding="30" :radius="16" margin="0 0 40rpx 0">
			<zk-text type="secondary" :size="28" weight="bold" margin="0 0 20rpx 0" text="基础用法" />
			<zk-divider text="基础" />
		</zk-theme>

		<!-- 虚线 -->
		<zk-theme type="card" :padding="30" :radius="16" margin="0 0 40rpx 0">
			<zk-text type="secondary" :size="28" weight="bold" margin="0 0 20rpx 0" text="虚线" />
			<zk-divider text="虚线" :dashed="true" />
		</zk-theme>

		<!-- 左对齐 -->
		<zk-theme type="card" :padding="30" :radius="16" margin="0 0 40rpx 0">
			<zk-text type="secondary" :size="28" weight="bold" margin="0 0 20rpx 0" text="左对齐" />
			<zk-divider text="左对齐" position="left" />
		</zk-theme>

		<!-- 右对齐 -->
		<zk-theme type="card" :padding="30" :radius="16" margin="0 0 40rpx 0">
			<zk-text type="secondary" :size="28" weight="bold" margin="0 0 20rpx 0" text="右对齐" />
			<zk-divider text="右对齐" position="right" />
		</zk-theme>

		<!-- 自定义颜色 -->
		<zk-theme type="card" :padding="30" :radius="16" margin="0 0 40rpx 0">
			<zk-text type="secondary" :size="28" weight="bold" margin="0 0 20rpx 0" text="自定义颜色" />
			<zk-divider text="自定义颜色" textColor="#1989fa" lineColor="#1989fa" />
		</zk-theme>

		<!-- 点状 -->
		<zk-theme type="card" :padding="30" :radius="16" margin="0 0 40rpx 0">
			<zk-text type="secondary" :size="28" weight="bold" margin="0 0 20rpx 0" text="点状" />
			<zk-divider :dotted="true" />
		</zk-theme>
	</zk-theme>
</template>

<script>
	export default {
		name: 'DividerDemo'
	}
</script>