更新记录

1.0.2(2025-12-19) 下载此版本

修复了一些bug

新增属性 root-node 默认 false

1.0.1(2025-08-16) 下载此版本

修改了一个样式问题

1.0.0(2025-08-14) 下载此版本

-init

查看更多

平台兼容性

uni-app x(4.75)

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

其他

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

xh-theme 主题组件

xh-ui 中 核心组件 主题组件 统一主题样式

组件名:xh-theme

使用须知:

主题样式组件

组件 依赖 xh-scss

如果用做根节点的话。必须给个类并且高度要给100%,并且属性 :root-node="true"

使用示例:


/**
 * @param { string } root-node - 是否使用在模板根节点 默认是 false
  */

<template>
    // 外层必须包裹 xh-theme 组件
    // 如果使用在 根节点上 必须给 xh-theme 给一个 100% 高
    <xh-theme class="xh-theme" :root-node="true">
        <xh-nav title="123" />
        <view>123123123123213</view>
        <xh-icon type="right" />
        <xh-notification :text="text" color="#845ec2" icon-color="#d65db1" :duration="10" bg-color="#00ffff" />
    </xh-theme>
</template>

<style lang="scss">
    // 如果 :root-node="true" 加个类名 xh-theme
    .xh-theme {
        height: 100%
        overflow: hidden;
    }
</style>

隐私、权限声明

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

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

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

许可协议

MIT协议