mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
修复:cell同时设置title和label时,value不居中 (#26)
* 修复:cell同时设置title和label时,value不居中
This commit is contained in:
parent
239d2e1e53
commit
873c0ab25f
@ -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>
|
||||
```
|
||||
:::
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user