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

fix docs

Browse Source
This commit is contained in:
cookfront 2017-03-24 22:02:38 +08:00
parent aaf1b2529e
commit a991aea581
27 changed files with 65 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/assets/docs.css
View File

@ -78,15 +78,15 @@ ul, ol {
.page-container {
background-color: #fff;
position: relative;
display: table;
display: flex;
width: 100%;
overflow: hidden;
}
.page-content {
box-sizing: border-box;
margin-left: 220px;
padding: 0 40px;
display: table-cell;
flex: 1;
section {
> h1,

8
docs/components/demo-block.vue
View File

@ -23,25 +23,27 @@ export default {
code {
font-family: Menlo, Monaco, Consolas, Courier, monospace;
overflow: auto;
white-space: pre-wrap;
}
.examples {
width: 320px;
float: right;
box-sizing: border-box;
padding: 10px 0 0;
min-height: 200px;
max-height: 600px;
max-height: 500px;
overflow: auto;
background-color: #F8F8F8;
border: 1px solid #E5E5E5;
float: right;
}
.highlight {
margin-right: 345px;
box-sizing: border-box;
border: 1px solid #E5E5E5;
border-radius: 4px;
margin-right: 345px;
pre {
margin: 0;

3
docs/components/side-nav.vue
View File

@ -56,10 +56,9 @@ export default {
<style lang="css">
.side-nav {
width: 220px;
width: 250px;
box-sizing: border-box;
padding: 40px 0;
display: table-cell;
border-right: 1px solid #e5e5e5;
li {

2
docs/examples-docs/actionsheet.md
View File

@ -52,7 +52,7 @@ export default {
}
</script>
## ActionSheet
## ActionSheet 行动按钮
### 基础用法

2
docs/examples-docs/badge.md
View File

@ -1,4 +1,4 @@
## Badge
## Badge 徽章
### 基础用法

16
docs/examples-docs/button.md
View File

@ -39,6 +39,8 @@
### 禁用状态
在组件上加上`disabled`属性即可，此时按钮不可点击。
:::demo 禁用状态
```html
<zan-row>
@ -90,6 +92,8 @@
### loading按钮
`loading`状态的按钮。
:::demo loading按钮
```html
<zan-row>
@ -103,18 +107,6 @@
```
:::
### button group
:::demo button group
```html
<div class="button-group">
<zan-button type="primary" size="small">确认付款</zan-button>
<zan-button size="small">确认收货</zan-button>
<zan-button size="small">取消订单</zan-button>
</div>
```
:::
### API
| 参数 | 说明 | 类型 | 默认值 | 可选值 |

2
docs/examples-docs/cell.md
View File

@ -16,7 +16,7 @@ export default {
};
</script>
## Cell
## Cell 单元格
### 基础用法

2
docs/examples-docs/checkbox.md
View File

@ -35,7 +35,7 @@ export default {
};
</script>
## Checkbox组件
## Checkbox 复选框
### 基础用法

2
docs/examples-docs/datetime-picker.md
View File

@ -23,7 +23,7 @@ export default {
};
</script>
## Picker组件
## Datetime Picker 时间选择
模仿iOS中的`UIPickerView`。

2
docs/examples-docs/dialog.md
View File

@ -39,7 +39,7 @@ export default {
};
</script>
## Dialog组件
## Dialog 弹出框
### 基础用法

2
docs/examples-docs/field.md
View File

@ -18,7 +18,7 @@ export default {
};
</script>
## Field组件
## Field 输入框
表单中`input`或`textarea`的输入框。

6
docs/examples-docs/icon.md
View File

@ -12,9 +12,11 @@
}
</style>
## Icon
## Icon 图标
### 所有Icon
### 基础用法
设置`name`属性为对应的图标名称即可。
:::demo 所有Icon
```html

2
docs/examples-docs/loading.md
View File

@ -17,7 +17,7 @@
}
</style>
## Loading 加载中
## Loading 加载
### 基础用法

4
docs/examples-docs/picker.md
View File

@ -35,9 +35,7 @@ export default {
};
</script>
## Picker组件
模仿iOS中的`UIPickerView`。
## Picker 选择器
### 基础用法

2
docs/examples-docs/popup.md
View File

@ -76,7 +76,7 @@ export default {
};
</script>
## Popup组件
## Popup 弹出菜单
### 基础用法

2
docs/examples-docs/progress.md
View File

@ -10,7 +10,7 @@
</style>
## Progress
## Progress 进度条
### 基础用法

2
docs/examples-docs/quantity.md
View File

@ -23,7 +23,7 @@ export default {
};
</script>
## Quantity
## Quantity 数量选择
### 基础用法

2
docs/examples-docs/radio.md
View File

@ -25,7 +25,7 @@ export default {
};
</script>
## Radio组件
## Radio 单选框
### 基础用法

4
docs/examples-docs/search.md
View File

@ -8,7 +8,7 @@ export default {
};
</script>
## Search 组件
## Search 搜索
### 基础用法
@ -31,4 +31,4 @@ export default {
| 参数 | 说明 | 类型 | 默认值 | 必须 |
|-----------|-----------|-----------|-------------|-------------|
| placeholder | `input`的`placeholder`文案 | `string` | | |
| placeholder | `input`的`placeholder`文案 | `string` | | |

2
docs/examples-docs/swipe.md
View File

@ -12,7 +12,7 @@
}
</style>
## Swipe
## Swipe 轮播
### 基础用法

2
docs/examples-docs/switch.md
View File

@ -36,7 +36,7 @@ export default {
};
</script>
## Switch组件
## Switch 开关
### 基础用法

2
docs/examples-docs/tab.md
View File

@ -29,7 +29,7 @@ export default {
};
</script>
## Tab 组件
## Tab 标签
### 基础用法

2
docs/examples-docs/tag.md
View File

@ -8,7 +8,7 @@
}
</style>
## Tag 组件
## Tag 标记
### 基础用法

2
docs/examples-docs/toast.md
View File

@ -63,7 +63,7 @@ export default {
};
</script>
## Toast
## Toast 轻提示
### 基础用法

2
docs/examples-docs/uploader.md
View File

@ -12,7 +12,7 @@ export default {
}
};
</script>
## Uploader 组件
## Uploader 图片上传
### 基础用法

54
docs/nav.config.json
View File

@ -26,71 +26,71 @@
"list": [
{
"path": "/button",
"title": "Button"
"title": "Button 按钮"
},
{
"path": "/icon",
"title": "Icon"
"title": "Icon 图标"
},
{
"path": "/cell",
"title": "Cell"
"title": "Cell 单元格"
},
{
"path": "/progress",
"title": "Progress"
"title": "Progress 进度条"
},
{
"path": "/panel",
"title": "Panel"
"title": "Panel 面板"
},
{
"path": "/card",
"title": "Card"
"title": "Card 图文组件"
},
{
"path": "/loading",
"title": "Loading"
"title": "Loading 加载"
},
{
"path": "/steps",
"title": "Steps"
"title": "Steps 步骤条"
},
{
"path": "/tag",
"title": "Tag"
"title": "Tag 标记"
},
{
"path": "/badge",
"title": "Badge"
"title": "Badge 徽章"
},
{
"path": "/tab",
"title": "Tab"
"title": "Tab 标签"
},
{
"path": "/popup",
"title": "Popup"
"title": "Popup 弹出菜单"
},
{
"path": "/swipe",
"title": "Swipe"
"title": "Swipe 轮播"
},
{
"path": "/search",
"title": "Search"
"title": "Search 搜索"
},
{
"path": "/quantity",
"title": "Quantity"
"title": "Quantity 数量选择"
},
{
"path": "/waterfall",
"title": "Waterfall"
"title": "Waterfall 瀑布流"
},
{
"path": "/image-preview",
"title": "ImagePreview"
"title": "ImagePreview 图片预览"
}
]
},
@ -99,23 +99,23 @@
"list": [
{
"path": "/switch",
"title": "Switch"
"title": "Switch 开关"
},
{
"path": "/field",
"title": "Field"
"title": "Field 输入框"
},
{
"path": "/radio",
"title": "Radio"
"title": "Radio 单选框"
},
{
"path": "/checkbox",
"title": "Checkbox"
"title": "Checkbox 复选框"
},
{
"path": "/uploader",
"title": "Uploader"
"title": "Uploader 图片上传"
}
]
},
@ -124,23 +124,23 @@
"list": [
{
"path": "/actionsheet",
"title": "ActionSheet"
"title": "ActionSheet 行动按钮"
},
{
"path": "/toast",
"title": "Toast"
"title": "Toast 轻提示"
},
{
"path": "/picker",
"title": "Picker"
"title": "Picker 选择器"
},
{
"path": "/datetime-picker",
"title": "Datetime Picker"
"title": "Datetime Picker 时间选择"
},
{
"path": "/dialog",
"title": "Dialog"
"title": "Dialog 弹出框"
}
]
}

33
packages/zanui-css/src/button_group.css
View File

@ -1,33 +0,0 @@
@define-mixin button-wrap {
display: inline-block;
box-sizing: border-box;
padding-right: 10px;
vertical-align: middle;
&:last-child {
padding-right: 0;
}
.zan-button {
width: 100%;
}
}
@component-namespace zan {
@b button-group {
font-size: 0;
}
@b button-1 {
@mixin button-wrap;
padding-right: 0;
width: 100%;
}
@b button-2 {
@mixin button-wrap;
width: 50%;
}
@b button-3 {
@mixin button-wrap;
width: 33.33%;
}
}