uxui 的核心样式包含 2个 scss 文件和一段主题样式( 部署至 uni.scss ) :
uni_modules/unix-ui/color.scss
uni_modules/unix-ui/uxui.scss
主题样式用于存储主体变量,包含 : 主题颜色、间距、尺寸等,您可以通过修改对应变量值,实现修改主体的效果。
主题样式在部署时被放置在 uni.scss , 按需修改即可。
color.scss 是一个框架内置的颜色库 ( 前景色 + 背景色 ),您可以直接使用( 按需修改 )它们,来快速实现颜色效果。
使用方法 :
1. hx 打开 uni_modules/unix-ui/color.scss,通过编辑器查看具体的颜色和样式名称。
2. 在项目中直接使用, 如 :
<text class="ux-color-red">demo</text>
<view class="ux-bg-primary" style="height:80rpx; width:300rpx;"></view>
uxui.scss 是框架的核心样式文件,定义了框架相关的全部样式。
相关样式的使用,请查看 uxui 手册对应模块,如 : 文本、布局等。
在 uxui.scss 中会加载 color.scss ,使用颜色库时不需要单独引入。