blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(cli): update site nav color

Browse Source
This commit is contained in:
陈嘉涵 2020-01-18 20:30:25 +08:00
parent cdbd67f379
commit 6191601e29
3 changed files with 44 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant-cli/site/desktop/components/Content.vue
View File

@ -37,7 +37,7 @@ export default {
} }
a { a {
color: @van-doc-blue; color: @van-doc-green;
-webkit-font-smoothing: auto; -webkit-font-smoothing: auto;
} }

11
packages/vant-cli/site/desktop/components/Nav.vue
View File

@ -126,16 +126,15 @@ export default {
color: #455a64; color: #455a64;
font-size: 14px; font-size: 14px;
line-height: 28px; line-height: 28px;
transition: all 0.3s; transition: color 0.2s;
&:hover { &:hover,
color: #000; &.active {
color: @van-doc-green;
} }
&.active { &.active {
color: #000; -webkit-font-smoothing: auto;
font-weight: 500;
font-size: 15px;
} }
span { span {

80
src/action-sheet/README.md
View File

@ -13,7 +13,7 @@ Vue.use(ActionSheet);
### Basic Usage ### Basic Usage
Use `actions` prop to set options of action-sheet. Use `actions` prop to set options of action-sheet.
```html ```html
<van-action-sheet v-model="show" :actions="actions" @select="onSelect" /> <van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
@ -39,7 +39,7 @@ export default {
Toast(item.name); Toast(item.name);
} }
} }
} };
``` ```
### Status ### Status
@ -60,7 +60,7 @@ export default {
] ]
}; };
} }
} };
``` ```
### ActionSheet with cancel button ### ActionSheet with cancel button
@ -89,17 +89,13 @@ export default {
Toast('cancel'); Toast('cancel');
} }
} }
} };
``` ```
### Show Description ### Show Description
```html ```html
<van-action-sheet <van-action-sheet v-model="show" :actions="actions" description="Description" />
v-model="show"
:actions="actions"
description="Description"
/>
``` ```
### ActionSheet with title ### ActionSheet with title
@ -114,42 +110,42 @@ export default {
### Props ### Props
| Attribute | Description | Type | Default | | Attribute | Description | Type | Default |
|------|------|------|------| | ---------------------- | --------------------------------------------- | ------------------------- | ------- |
| actions | Options | *Action[]* | `[]` | | actions | Options | _Action[]_ | `[]` |
| title | Title | *string* | - | | title | Title | _string_ | - |
| cancel-text | Text of cancel button | *string* | - | | cancel-text | Text of cancel button | _string_ | - |
| description `v2.2.8` | Description above the options | *string* | - | | description `v2.2.8` | Description above the options | _string_ | - |
| overlay | Whether to show overlay | *boolean* | `true` | | overlay | Whether to show overlay | _boolean_ | `true` |
| round `v2.0.9` | Whether to show round corner | *boolean* | `true` | | round `v2.0.9` | Whether to show round corner | _boolean_ | `true` |
| close-icon `v2.2.13` | Close icon name | *string* | `cross` | | close-icon `v2.2.13` | Close icon name | _string_ | `cross` |
| close-on-click-action | Whether to close when click action | *boolean* | `false` | | close-on-click-action | Whether to close when click action | _boolean_ | `false` |
| close-on-click-overlay | Whether to close when click overlay | *boolean* | `true` | | close-on-click-overlay | Whether to close when click overlay | _boolean_ | `true` |
| lazy-render | Whether to lazy render util appeared | *boolean* | `true` | | lazy-render | Whether to lazy render util appeared | _boolean_ | `true` |
| lock-scroll | Whether to lock background scroll | *boolean* | `true` | | lock-scroll | Whether to lock background scroll | _boolean_ | `true` |
| duration `v2.0.3` | Transition duration, unit second | *number* | `0.3` | | duration `v2.0.3` | Transition duration, unit second | _number_ | `0.3` |
| get-container | Return the mount node for action-sheet | *string \| () => Element* | - | | get-container | Return the mount node for action-sheet | _string \| () => Element_ | - |
| safe-area-inset-bottom | Whether to enable bottom safe area adaptation | *boolean* | `true` | | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
### Events ### Events
| Event | Description | Arguments | | Event | Description | Arguments |
|------|------|------| | ------------- | --------------------------------- | ----------- |
| select | Triggered when click option | item, index | | select | Triggered when click option | item, index |
| cancel | Triggered when cancel click | - | | cancel | Triggered when cancel click | - |
| click-overlay | Triggered when click overlay | - | | click-overlay | Triggered when click overlay | - |
| open | Triggered when open ActionSheet | - | | open | Triggered when open ActionSheet | - |
| opened | Triggered when opened ActionSheet | - | | opened | Triggered when opened ActionSheet | - |
| close | Triggered when close ActionSheet | - | | close | Triggered when close ActionSheet | - |
| closed | Triggered when closed ActionSheet | - | | closed | Triggered when closed ActionSheet | - |
### Data Structure of Action ### Data Structure of Action
| Key | Description | Type | | Key | Description | Type |
|------|------|------| | --------- | ---------------------------- | --------- |
| name | Title | *string* | | name | Title | _string_ |
| subname | Subtitle | *string* | | subname | Subtitle | _string_ |
| color | Text color | *string* | | color | Text color | _string_ |
| className | className for the option | *any* | | className | className for the option | _any_ |
| loading | Whether to be loading status | *boolean* | | loading | Whether to be loading status | _boolean_ |
| disabled | Whether to be disabled | *boolean* | | disabled | Whether to be disabled | _boolean_ |