UNPKG

ohayolibs

Version:

Ohayo is a set of essential modules for ohayojp.

53 lines (46 loc) • 2.94 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
--- type: Theme order: 100 title: 默认布局 --- 默认布局所有参数都以 `@ohayo-default-` 开头。 ## 参数 | 名称 | 默认值 | 功能 | |----|-----|----| | `@ohayo-default-prefix` | `.ohayo-default` | 布局样式前缀 | | `@ohayo-default-ease` | `cubic-bezier(.25, 0, .15, 1)` | 动画过滤函数 | | `@ohayo-default-header-hg` | `64px` | 顶部高度 | | `@ohayo-default-header-bg` | `@primary-color` | 顶部背景色 | | `@ohayo-default-header-padding` | `@layout-gutter * 2` | 顶部左右内边距 | | `@ohayo-default-header-search-enabled` | `true` | 是否开启顶部搜索框 | | `@ohayo-default-header-icon-fs` | `18px` | 顶部 Icon 大小 | | `@ohayo-default-aside-wd` | `200px` | 侧边栏宽度 | | `@ohayo-default-aside-bg` | `#fff` | 侧边栏背景色 | | `@ohayo-default-aside-scrollbar-width` | `0` | 侧边栏滚动条宽度 | | `@ohayo-default-aside-scrollbar-height` | `0` | 侧边栏滚动条高度 | | `@ohayo-default-aside-scrollbar-track-color` | `transparent` | 侧边栏滚动条的轨道颜色 | | `@ohayo-default-aside-scrollbar-thumb-color` | `transparent` | 侧边栏滚动条小方块颜色 | | `@ohayo-default-aside-nav-fs` | `14px` | 侧边栏菜单字号 | | `@ohayo-default-aside-nav-icon-width` | `14px` | 侧边栏菜单 ICON 宽度 | | `@ohayo-default-aside-nav-img-wh` | `14px` | 侧边栏菜单图像宽高 | | `@ohayo-default-aside-nav-padding-top-bottom` | `@layout-gutter` | 侧边栏菜单项上下内边距 | | `@ohayo-default-aside-nav-item-height` | `38px` | 侧边栏菜单项高度 | | `@ohayo-default-aside-nav-text-color` | `rgba(0, 0, 0, 0.65)` | 侧边栏菜单文本颜色 | | `@ohayo-default-aside-nav-text-hover-color` | `#108ee9` | 侧边栏菜单文本悬停颜色 | | `@ohayo-default-aside-nav-group-text-color` | `rgba(0, 0, 0, 0.43)` | 侧边栏菜单分组文本颜色 | | `@ohayo-default-aside-nav-selected-text-color` | `#108ee9` | 侧边栏菜单激活时文本颜色 | | `@ohayo-default-aside-nav-selected-bg` | `#fcfcfc` | 侧边栏菜单激活时背景颜色 | | `@ohayo-default-aside-collapsed-wd` | `@layout-gutter * 8` | 侧边栏收缩后宽度 | | `@ohayo-default-aside-collapsed-nav-fs` | `24px` | 侧边栏收缩后文本字号 | | `@ohayo-default-aside-collapsed-nav-img-wh` | `24px` | 侧边栏收缩后图像宽高 | | `@ohayo-default-content-heading-bg` | `#fafbfc` | 内容区域标题背景色 | | `@ohayo-default-content-heading-border` | `#efe3e5` | 内容区域标题底部边框色 | | `@ohayo-default-content-padding` | `@layout-gutter * 3` | 内容区域内边距 | | `@ohayo-default-content-bg` | `#f5f7fa` | 内容区域背景色 | | `@ohayo-default-widget-app-icons-enabled` | `true` | 是否 app-icon 小部件样式 | | `@ohayo-default-aside-user-enabled` | `true` | 是否侧边栏用户信息样式 | ## 使用方式 在 `src/styles.less` 引入： ```less @import '~@ohayo/theme/styles/layout/default/index'; ```