blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-24 10:20:19 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
* 修复：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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
docs/examples-docs/cell.md
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`属性，属性值为描述信息的值。 传入`label`属性，属性值为描述信息的值。
@ -65,8 +78,8 @@ export default {
:::demo 标题带描述信息 :::demo 标题带描述信息
```html ```html
<van-cell-group> <van-cell-group>
<van-cell title="单元格1" label="描述信息" is-link url="javascript:void(0)" @click="handleClick"></van-cell> <van-cell title="单元格1" label="描述信息" value="查看专栏" is-link url="javascript:void(0)" @click="handleClick"></van-cell>
<van-cell title="单元格2" label="描述信息"></van-cell> <van-cell title="单元格2" label="描述信息" value="查看专栏" is-link></van-cell>
</van-cell-group> </van-cell-group>
``` ```
::: :::

13
packages/vant-css/src/cell.css
View File

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