修复:cell同时设置title和label时,value不居中 (#26)

* 修复:cell同时设置title和label时,value不居中
This commit is contained in:
张敏 2017-05-03 11:21:30 +08:00 committed by Yao
parent 239d2e1e53
commit 873c0ab25f
2 changed files with 23 additions and 7 deletions

View File

@ -58,6 +58,19 @@ export default {
```
:::
#### 只设置value
只设置`value`时会向左对齐。
:::demo 只设置value
```html
<van-cell-group>
<van-cell value="单元格1内容"></van-cell>
<van-cell value="单元格2内容"></van-cell>
</van-cell-group>
```
:::
#### 标题带描述信息
传入`label`属性,属性值为描述信息的值。
@ -65,8 +78,8 @@ export default {
:::demo 标题带描述信息
```html
<van-cell-group>
<van-cell title="单元格1" label="描述信息" is-link url="javascript:void(0)" @click="handleClick"></van-cell>
<van-cell title="单元格2" label="描述信息"></van-cell>
<van-cell title="单元格1" label="描述信息" value="查看专栏" is-link url="javascript:void(0)" @click="handleClick"></van-cell>
<van-cell title="单元格2" label="描述信息" value="查看专栏" is-link></van-cell>
</van-cell-group>
```
:::

View File

@ -14,7 +14,8 @@
}
@b cell {
display: block;
width: 100%;
display: table;
position: relative;
padding: 10px 15px 10px 0;
box-sizing: border-box;
@ -36,7 +37,7 @@
}
@e title {
float: left;
display: table-cell;
}
@e label {
@ -47,15 +48,17 @@
}
@e value {
float: right;
display: table-cell;
text-align: right;
vertical-align: middle;
overflow: hidden;
@m link {
margin-right: 20px;
padding-right: 20px;
}
@m alone {
float: none;
text-align: left;
}
}