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

perf: add transition-property (#1983)

Browse Source
This commit is contained in:
neverland 2019-09-07 19:28:51 +08:00 committed by GitHub
parent eef1fc6678
commit 73374a8d81
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/checkbox/index.less
View File

@ -23,7 +23,8 @@
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
border: 1px solid @checkbox-border-color; border: 1px solid @checkbox-border-color;
transition: @checkbox-transition-duration; transition-duration: @checkbox-transition-duration;
transition-property: color, border-color, background-color;
&--round { &--round {
border-radius: 100%; border-radius: 100%;

2
packages/collapse-item/index.less
View File

@ -4,7 +4,7 @@
&__title { &__title {
.van-cell__right-icon { .van-cell__right-icon {
transform: rotate(90deg); transform: rotate(90deg);
transition: @collapse-item-transition-duration; transition: transform @collapse-item-transition-duration;
} }
&--expanded { &--expanded {

2
packages/picker-column/index.ts
View File

@ -55,7 +55,7 @@ VantComponent({
wrapperStyle() { wrapperStyle() {
const { data } = this; const { data } = this;
return [ return [
`transition: ${data.duration}ms`, `transition: transform ${data.duration}ms`,
`transform: translate3d(0, ${data.offset + data.baseOffset}px, 0)`, `transform: translate3d(0, ${data.offset + data.baseOffset}px, 0)`,
`line-height: ${data.itemHeight}px` `line-height: ${data.itemHeight}px`
].join('; '); ].join('; ');

3
packages/radio/index.less
View File

@ -23,7 +23,8 @@
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
border: 1px solid @radio-border-color; border: 1px solid @radio-border-color;
transition: @radio-transition-duration; transition-duration: @radio-transition-duration;
transition-property: color, border-color, background-color;
&--round { &--round {
border-radius: 100%; border-radius: 100%;

2
packages/swipe-cell/index.ts
View File

@ -45,7 +45,7 @@ VantComponent({
const transform = `translate3d(${offset}px, 0, 0)`; const transform = `translate3d(${offset}px, 0, 0)`;
const transition = this.draging const transition = this.draging
? 'none' ? 'none'
: '.6s cubic-bezier(0.18, 0.89, 0.32, 1)'; : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
this.set({ this.set({
wrapperStyle: ` wrapperStyle: `

2
packages/switch/index.less
View File

@ -21,7 +21,7 @@
background-color: @switch-node-background-color; background-color: @switch-node-background-color;
border-radius: 100%; border-radius: 100%;
box-shadow: @switch-node-box-shadow; box-shadow: @switch-node-box-shadow;
transition: @switch-transition-duration; transition: transform @switch-transition-duration;
} }
&__loading { &__loading {