airyland / airyland/vux

cell-default-arrow-width设置箭头width后不居中

Open
#2,676 1 comment 0 reactions 0 assignees View on GitHub
component/cell
Dominant language
Vue
Stars
17.5k
Forks
3.6k
PR merge metrics
No merged PRs in 30d

Description

### VUX version
2.9.0

### OS/Browsers version
any

### Vue version
2.5.17-beta.0

![cell-arrow](https://user-images.githubusercontent.com/2188977/39091269-49d19ed4-4623-11e8-9ce1-7b2db14d8fb0.jpg)

### Code

``css
@cell-default-arrow-width: 16px;

//weui-access.less 第 9 行 .weui-cell__ft 的代码,这里有问题:

.weui-cell__ft {
padding-right: 13px;
position: relative;
&:after {
content: " ";
.setArrow(right, @cell-default-arrow-width, @cell-default-arrow-color, @cell-default-arrow-border-width);
position: absolute;
top: 50%;
margin-top: -4px;
right: 2px;
}
}

//------------------------------------------------------
//既然箭头可以通过 @cell-default-arrow-width 设置尺寸, 那top 和margin-top 就不应该写死。
```

### Steps to reproduce
设置 cell-default-arrow-width 设置箭头大小。

### What is Expected?
设置 cell-default-arrow-width 后,箭头还能保持上下居中

### What is actually happening?
设置 cell-default-arrow-width 后,箭头不能上下居中

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.