Skip to content

自定义主题


介绍

  • mine-h5-ui 提供了一套默认主题,CSS 命名采用 网易NEC 的风格,方便使用者覆盖样式。
  • 如果你想完全替换主题色或者其他样式,可以使用下面提供的方法。

样式变量

  • mine-h5-ui 使用了 Less 对样式进行预处理,并内置了一些样式变量,通过替换样式变量即可定制你自己需要的主题。
  • 所有可用的颜色变量请参考👉 配置文件

定制方法

方法一 · 样式覆盖

  • 在使用组件的时候,使用你编写的样式覆盖掉原来的默认样式即可。

方法二 · 变量重写

从 Github 上去 Clone 项目下来

::: CopyCode

sh
git clone https://github.com/biaov/mine-h5-ui.git --depth=1

:::

或者在 Github 上下载 ZIP 包到本地

  • 直接在浏览器输入以下地址即可下载。

::: CopyCode

txt
https://codeload.github.com/biaov/mine-h5-ui/zip/main

:::

进入项目更目录安装相关依赖

::: CopyCode

sh
npm i

:::

  • 安装 👉git
  • 下载、安装、VSCode 打开项目等所有步骤。

::: CopyCode

sh
git clone https://github.com/biaov/mine-h5-ui.git --depth=1 && cd mine-h5-ui && npm i && code ./

:::

基于 MIT 许可发布