blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Uploader): add --van-uploader-border-radius css variable (#12280)

Browse Source 
* feat: add --van-uploader-border-radius css variables

* chore: uploader-delelte-shadow reset border-radius.

---------

Co-authored-by: xieyezi <202202409@any3.com>
Co-authored-by: xieyezi <143539829@qq.com>
This commit is contained in:
xieyezi 2023-09-15 08:59:39 +08:00 committed by GitHub
parent fae9a236e2
commit 78e4174a30
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant/src/uploader/README.md
View File

@ -451,3 +451,4 @@ The component provides the following CSS variables, which can be used to customi
| --van-uploader-loading-icon-size | _22px_ | - | | --van-uploader-loading-icon-size | _22px_ | - |
| --van-uploader-loading-icon-color | _var(--van-white)_ | - | | --van-uploader-loading-icon-color | _var(--van-white)_ | - |
| --van-uploader-disabled-opacity | _var(--van-disabled-opacity)_ | - | | --van-uploader-disabled-opacity | _var(--van-disabled-opacity)_ | - |
| --van-uploader-border-radius | _0px_ | - |

1
packages/vant/src/uploader/README.zh-CN.md
View File

@ -474,6 +474,7 @@ uploaderRef.value?.chooseFile();
| --van-uploader-loading-icon-size | _22px_ | - | | --van-uploader-loading-icon-size | _22px_ | - |
| --van-uploader-loading-icon-color | _var(--van-white)_ | - | | --van-uploader-loading-icon-color | _var(--van-white)_ | - |
| --van-uploader-disabled-opacity | _var(--van-disabled-opacity)_ | - | | --van-uploader-disabled-opacity | _var(--van-disabled-opacity)_ | - |
| --van-uploader-border-radius | _0px_ | - |
## 常见问题 ## 常见问题

4
packages/vant/src/uploader/index.less
View File

@ -24,6 +24,7 @@
--van-uploader-loading-icon-size: 22px; --van-uploader-loading-icon-size: 22px;
--van-uploader-loading-icon-color: var(--van-white); --van-uploader-loading-icon-color: var(--van-white);
--van-uploader-disabled-opacity: var(--van-disabled-opacity); --van-uploader-disabled-opacity: var(--van-disabled-opacity);
--van-uploader-border-radius: 0px;
} }
.van-uploader { .van-uploader {
@ -69,6 +70,7 @@
height: var(--van-uploader-size); height: var(--van-uploader-size);
margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0;
background: var(--van-uploader-upload-background); background: var(--van-uploader-upload-background);
border-radius: var(--van-uploader-border-radius);
&:active { &:active {
background-color: var(--van-uploader-upload-active-color); background-color: var(--van-uploader-upload-active-color);
@ -100,6 +102,7 @@
width: var(--van-uploader-size); width: var(--van-uploader-size);
height: var(--van-uploader-size); height: var(--van-uploader-size);
overflow: hidden; overflow: hidden;
border-radius: var(--van-uploader-border-radius);
} }
&-delete { &-delete {
@ -145,6 +148,7 @@
justify-content: center; justify-content: center;
color: var(--van-uploader-mask-text-color); color: var(--van-uploader-mask-text-color);
background: var(--van-uploader-mask-background); background: var(--van-uploader-mask-background);
border-radius: var(--van-uploader-border-radius);
&-icon { &-icon {
font-size: var(--van-uploader-mask-icon-size); font-size: var(--van-uploader-mask-icon-size);