Skip to content

Commit ed9f216

Browse files
committed
update(doc): theme & application guide
1 parent 2a6dabf commit ed9f216

File tree

4 files changed

+52
-2
lines changed

4 files changed

+52
-2
lines changed

document/components/docs/en-US/quick-start.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
## Quick start
22

3+
[Application Guide](https://github.com/cube-ui/cube-application-guide)
4+
35
### CLI
46

57
If you are going to create a new project with cube-ui, use the [cli tools](https://github.com/cube-ui/cube-template) base on [vue-cli](https://github.com/vuejs/vue-cli) to init the config and base code, then you can ignore the <a href="#cube-Install-anchor" class="anchor">Install</a> steps and see the <a href="#cube-Usage-anchor" class="anchor">Usage</a> part directly.

document/components/docs/en-US/theme.md

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,8 @@ $action-sheet-space-bgc := $color-mask-bg
2323
$action-sheet-picker-cancel-color := $color-light-grey
2424
$action-sheet-picker-cancel-active-color := $color-light-grey-s
2525
26+
// bubble
27+
2628
// button
2729
$btn-color := $color-white
2830
$btn-bgc := $color-regular-blue
@@ -113,6 +115,8 @@ $index-list-item-active-bgc := $color-light-grey-opacity
113115
$index-list-nav-color := $color-grey
114116
$index-list-nav-active-color := $color-orange
115117
118+
// loading
119+
116120
// picker
117121
$picker-bgc := $color-white
118122
$picker-title-color := $color-dark-grey
@@ -126,10 +130,14 @@ $picker-item-color := $color-dark-grey
126130
$popup-mask-bgc := rgb(37, 38, 45)
127131
$popup-mask-opacity := .4
128132
133+
//scroll
134+
129135
// slide
130136
$slide-dot-bgc := $color-light-grey-s
131137
$slide-dot-active-bgc := $color-orange
132138
139+
// time-picker
140+
133141
// tip
134142
$tip-color := $color-white
135143
$tip-bgc := $color-dark-grey-opacity
@@ -176,7 +184,7 @@ $textarea-placeholder-color := $color-light-grey-s
176184
$textarea-indicator-color := $color-light-grey-s
177185
178186
// validator
179-
$validator-msg-def-color := #f5222d
187+
$validator-msg-def-color := #e64340
180188
181189
// select
182190
$select-color := $color-grey
@@ -190,6 +198,21 @@ $select-placeholder-color := $color-light-grey
190198
191199
// swipe
192200
$swipe-btn-color := $color-white
201+
202+
// form
203+
$form-color := $color-grey
204+
$form-bgc := $color-white
205+
$form-invalid-color := #e64340
206+
$form-group-legend-color := $color-light-grey
207+
$form-group-legend-bgc := $color-background
208+
$form-label-required-color := #e64340
209+
210+
// drawer
211+
$drawer-color := $color-dark-grey
212+
$drawer-title-bdc := $color-light-grey-ss
213+
$drawer-title-bgc := $color-white
214+
$drawer-panel-bgc := $color-white
215+
$drawer-item-active-bgc := $color-light-grey-opacity
193216
```
194217

195218
### webpack config

document/components/docs/zh-CN/quick-start.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
## 快速上手
22

3+
新手教程项目:[cube-application-guide](https://github.com/cube-ui/cube-application-guide)
4+
35
### 脚手架
46

57
如果你打算用在一个新项目中使用 cube-ui,可以通过我们提供的一套基于 [vue-cli](https://github.com/vuejs/vue-cli) 实现的[脚手架](https://github.com/cube-ui/cube-template)去初始化 cube-ui 项目的配置和基础代码,这样你就可以忽略<a href="#cube-安装-anchor" class="anchor">安装</a>步骤,直接看<a href="#cube-使用-anchor" class="anchor">使用部分</a>。

document/components/docs/zh-CN/theme.md

Lines changed: 24 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,8 @@ $action-sheet-space-bgc := $color-mask-bg
2323
$action-sheet-picker-cancel-color := $color-light-grey
2424
$action-sheet-picker-cancel-active-color := $color-light-grey-s
2525
26+
// bubble
27+
2628
// button
2729
$btn-color := $color-white
2830
$btn-bgc := $color-regular-blue
@@ -113,6 +115,8 @@ $index-list-item-active-bgc := $color-light-grey-opacity
113115
$index-list-nav-color := $color-grey
114116
$index-list-nav-active-color := $color-orange
115117
118+
// loading
119+
116120
// picker
117121
$picker-bgc := $color-white
118122
$picker-title-color := $color-dark-grey
@@ -126,10 +130,14 @@ $picker-item-color := $color-dark-grey
126130
$popup-mask-bgc := rgb(37, 38, 45)
127131
$popup-mask-opacity := .4
128132
133+
//scroll
134+
129135
// slide
130136
$slide-dot-bgc := $color-light-grey-s
131137
$slide-dot-active-bgc := $color-orange
132138
139+
// time-picker
140+
133141
// tip
134142
$tip-color := $color-white
135143
$tip-bgc := $color-dark-grey-opacity
@@ -176,7 +184,7 @@ $textarea-placeholder-color := $color-light-grey-s
176184
$textarea-indicator-color := $color-light-grey-s
177185
178186
// validator
179-
$validator-msg-def-color := #f5222d
187+
$validator-msg-def-color := #e64340
180188
181189
// select
182190
$select-color := $color-grey
@@ -190,6 +198,21 @@ $select-placeholder-color := $color-light-grey
190198
191199
// swipe
192200
$swipe-btn-color := $color-white
201+
202+
// form
203+
$form-color := $color-grey
204+
$form-bgc := $color-white
205+
$form-invalid-color := #e64340
206+
$form-group-legend-color := $color-light-grey
207+
$form-group-legend-bgc := $color-background
208+
$form-label-required-color := #e64340
209+
210+
// drawer
211+
$drawer-color := $color-dark-grey
212+
$drawer-title-bdc := $color-light-grey-ss
213+
$drawer-title-bgc := $color-white
214+
$drawer-panel-bgc := $color-white
215+
$drawer-item-active-bgc := $color-light-grey-opacity
193216
```
194217

195218
### 配置 webpack

0 commit comments

Comments
 (0)