Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
69f9757f
C
cube-ui
项目概览
DiDi
/
cube-ui
10 个月 前同步成功
通知
34
Star
9078
Fork
1508
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
cube-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
69f9757f
编写于
2月 22, 2018
作者:
A
AmyFoxFN
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
<update>(doc): checkbox shape
上级
2aea9be1
变更
5
显示空白变更内容
内联
并排
Showing
5 changed file
with
18 addition
and
14 deletion
+18
-14
document/components/docs/en-US/checkbox-group.md
document/components/docs/en-US/checkbox-group.md
+4
-3
document/components/docs/en-US/checkbox.md
document/components/docs/en-US/checkbox.md
+4
-3
document/components/docs/zh-CN/checkbox-group.md
document/components/docs/zh-CN/checkbox-group.md
+4
-3
document/components/docs/zh-CN/checkbox.md
document/components/docs/zh-CN/checkbox.md
+4
-3
example/pages/checkbox.vue
example/pages/checkbox.vue
+2
-2
未找到文件。
document/components/docs/en-US/checkbox-group.md
浏览文件 @
69f9757f
...
...
@@ -37,9 +37,9 @@
The value of
`checkList`
is an array, which represents the set of the values of
`value`
in selected checkboxs.
-
Horizontal order
-
Horizontal order
and icon shape
You can set
`horizontal`
to change the style to horizontal order.
You can set
`horizontal`
to change the style to horizontal order.
Besides, you could use
`shape`
to configure the shape of icon
```
html
<cube-checkbox-group
v-model=
"checkList"
:options=
"options"
:horizontal=
"true"
/>
...
...
@@ -62,8 +62,9 @@
| Attribute | Description | Type | Accepted Values | Default |
| - | - | - | - | - |
| horizontal | whether in horizontal order | Boolean | true/false | false |
| options | array of checkbox options | Array | - | - |
| horizontal | whether in horizontal order | Boolean | true/false | false |
| shape | icon shape | String | circle/square | circle |
*
`options`
sub configuration
...
...
document/components/docs/en-US/checkbox.md
浏览文件 @
69f9757f
...
...
@@ -14,15 +14,15 @@
If selected, the value of
`checked`
is
`true`
.
-
Position of the checkbox icon
-
Position
and shape
of the checkbox icon
```
html
<cube-checkbox
v-model=
"checked"
position=
"right"
>
<cube-checkbox
v-model=
"checked"
position=
"right"
shape=
"square"
>
Position Checkbox
</cube-checkbox>
```
If setting
`position`
to
`'right'`
, the position of the checkbox's icon is on the right.
If setting
`position`
to
`'right'`
, the position of the checkbox's icon is on the right.
And you could use
`shape`
to configure the shape of icon
-
Change the value of model
...
...
@@ -60,6 +60,7 @@
| - | - | - | - | - |
| option | option value | Boolean/String/Object | - | - |
| position | icon position | String | left/right | left |
| shape | icon shape | String | circle/square | circle |
*
`option`
sub configuration
...
...
document/components/docs/zh-CN/checkbox-group.md
浏览文件 @
69f9757f
...
...
@@ -35,9 +35,9 @@
```
`checkList`
的值是一个数组,代表的是选中的复选框
`value`
的值的集合。
-
水平排列
-
水平排列
、图标形状
可通过设置
`horizontal`
改变样式为水平排列
可通过设置
`horizontal`
改变样式为水平排列
,另外,还可以通过
`shape`
配置图标形状。
```
html
<cube-checkbox-group
v-model=
"checkList"
:options=
"options"
:horizontal=
"true"
/>
...
...
@@ -60,8 +60,9 @@
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| - | - | - | - | - |
| horizontal | 是否水平排列 | Boolean | true/false | false |
| options | 选项数组 | Array | - | - |
| horizontal | 是否水平排列 | Boolean | true/false | false |
| shape | 图标形状 | String | circle/square | circle |
*
`options`
子配置项
...
...
document/components/docs/zh-CN/checkbox.md
浏览文件 @
69f9757f
...
...
@@ -13,14 +13,14 @@
```
如果选中了,则
`checked`
的值就为
`true`
。
-
复选框图标位置
-
复选框图标位置
、形状
```
html
<cube-checkbox
v-model=
"checked"
position=
"right"
>
<cube-checkbox
v-model=
"checked"
position=
"right"
shape=
"square"
>
Position Checkbox
</cube-checkbox>
```
设置
`position`
为
`'right'`
则复选框图标位置在右边。
设置
`position`
为
`'right'`
则复选框图标位置在右边
,且可以通过
`shape`
配置图标形状
。
-
改变 model 的值
...
...
@@ -58,6 +58,7 @@
| - | - | - | - | - |
| option | 配置项 | Boolean/String/Object | - | - |
| position | 位置 | String | left/right | left |
| shape | 图标形状 | String | circle/square | circle |
*
`option`
子配置项
...
...
example/pages/checkbox.vue
浏览文件 @
69f9757f
...
...
@@ -3,9 +3,9 @@
<template
slot=
"content"
>
<cube-checkbox
v-model=
"checked"
>
Checkbox
</cube-checkbox>
<p>
checked value:
{{
checked
}}
</p>
<cube-checkbox
v-model=
"checked"
position=
"right"
>
Position Checkbox
</cube-checkbox>
<cube-checkbox
v-model=
"checked"
position=
"right"
shape=
"square"
>
Position Checkbox
</cube-checkbox>
<br><br>
<cube-checkbox
v-model=
"checked2"
:option=
"optionValue"
shape=
"square"
></cube-checkbox>
<cube-checkbox
v-model=
"checked2"
:option=
"optionValue"
></cube-checkbox>
<p>
checked value (with option) :
{{
checked2
}}
</p>
<cube-checkbox
v-model=
"checked2"
:option=
"
{disabled: true}">
Disabled Checkbox
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录