m-div 分割线

简述

分割线，支持文字在左/中/右。

注意

请以 uni_modules/m-unix 与本文为准；各端差异以 uni-app 与各平台官方文档为准。涉及隐私能力（相册、定位、剪贴板、手机号等）需在 manifest 与后台完成配置。

平台差异说明

App（vue）	App（nvue）	H5	小程序
√	√	√	√

演示地址

与线上 H5 演示基座 分包一致（文档站右下角预览 iframe 亦指向同一路径）。

类型	地址
分包路径	pages_demo/extensions/extensions
线上 H5（hash）	打开演示

基本使用

<template>
	<view>
		<m-div></m-div>
	</view>
</template>

Props

参数	说明	类型	默认值
backgroundColor	分割线颜色	string	- (继承)
textColor	文字颜色	string	#909399
fontSize	文字大小，单位 rpx	number	28
height	分割线高度	string	1rpx
contentPosition	文字位置 left / center / right	string	center
text	文字内容	string	''
textClass	文字自定义类名	string	''

插槽

名称	说明
default	文字内容（替换 text）

示例

实线

<m-div></m-div>

带文字

<m-div text="分割线"></m-div>

文字居左

<m-div text="分割线" content-position="left"></m-div>

自定义颜色

<m-div text="红色分割线" text-color="#f56c6c"></m-div>