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(Button): color prop support linear-gradient (#4252)

Browse Source
This commit is contained in:
neverland 2019-08-27 16:33:00 +08:00 committed by GitHub
parent 5809030b38
commit 339cbdc1dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/button/index.tsx
View File

@ -64,7 +64,8 @@ function Button(
style.color = plain ? color : WHITE;
if (!plain) {
style.backgroundColor = color;
// Use background instead of backgroundColor to make linear-gradient work
style.background = color;
}
}

2
src/button/test/__snapshots__/demo.spec.js.snap
View File

@ -32,6 +32,6 @@ exports[`renders demo correctly 1`] = `
迷你按钮
</span></button></div>
<div><button class="van-button van-button--primary van-button--normal"><span class="van-button__text">URL 跳转</span></button> <button class="van-button van-button--primary van-button--normal"><span class="van-button__text">路由跳转</span></button></div>
<div><button class="van-button van-button--default van-button--normal" style="border-color: #7232dd; color: rgb(255, 255, 255); background-color: rgb(114, 50, 221);"><span class="van-button__text">自定义颜色</span></button> <button class="van-button van-button--default van-button--normal van-button--plain" style="border-color: #7232dd; color: rgb(114, 50, 221);"><span class="van-button__text">自定义颜色</span></button></div>
<div><button class="van-button van-button--default van-button--normal" style="border-color: #7232dd; color: rgb(255, 255, 255); background: rgb(114, 50, 221);"><span class="van-button__text">自定义颜色</span></button> <button class="van-button van-button--default van-button--normal van-button--plain" style="border-color: #7232dd; color: rgb(114, 50, 221);"><span class="van-button__text">自定义颜色</span></button></div>
</div>
`;