更新记录

0.1.1（2026-07-31） 下载此版本

  • 移除第三方组件库参考表述，完善独立组件文档。

平台兼容性

uni-app x(4.25)

Chrome Safari Android iOS 鸿蒙 微信小程序
√ √ √ - √ √

其他

多语言 暗黑模式 宽屏模式
× √ ×

nax-line

纯线条（布局分隔）。围绕常见布局场景 做了主题 token、粗细阶梯、方向命名与间距语义优化。

带文案的分割线请用后续 nax-divider，本组件只画线。

用法

<nax-line></nax-line>
<nax-line length="200"></nax-line>
<nax-line dashed space="12"></nax-line>
<nax-line direction="vertical" length="40"></nax-line>
<nax-line type="primary" size="md"></nax-line>

Props

属性 类型 默认 说明
direction string horizontal horizontal / vertical；兼容 row / column
length string 100% 长度；横线=宽、竖线=高；纯数字按 px；可写 % / px / rpx
size string hairline 粗细：hairline / sm / md / lg
dashed boolean false 虚线
type string default default / primary / info / success / warning / error（兼容 danger）
color string '' 自定义颜色（覆盖 type）
space string '' 交叉轴外边距：横线=上下，竖线=左右；纯数字按 px
inset string '' 主轴两端内缩：横线=左右，竖线=上下；纯数字按 px
custom-class string '' 根节点扩展 class

说明

  1. 默认颜色使用 --nax-color-divider，跟随 nax-ui-theme / 暗黑模式。
  2. 竖线 length=100% 时，父容器需要有明确高度，否则可能不可见。
  3. space / inset 替代任意 margin CSS 字符串，更利于设计系统一致。
  4. 与 nax-divider 分工：本组件无字；带文字请用 divider。

主题 Token

  • --nax-color-divider（默认线色）
  • --nax-color-primary / info / success / warning / error

依赖

  • nax-ui-theme（可选，提供统一 token）

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。