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

[Improvement] optimize css

Browse Source
This commit is contained in:
陈嘉涵 2018-08-10 14:54:39 +08:00
parent f5123fe677
commit 07cbc7fe7f
20 changed files with 48 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/actionsheet/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';
.van-actionsheet { .van-actionsheet {
color: $text-color; color: $text-color;

3
packages/badge-group/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';
.van-badge-group { .van-badge-group {
width: 85px; width: 85px;

3
packages/badge/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';
.van-badge { .van-badge {
display: block; display: block;

2
packages/button/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
.van-button { .van-button {
position: relative; position: relative;

3
packages/card/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/mixins/ellipsis.pcss';
.van-card { .van-card {
color: $text-color; color: $text-color;

3
packages/cell-group/index.pcss
View File

@ -1 +1,2 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';

3
packages/cell/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';
.van-cell { .van-cell {
width: 100%; width: 100%;

1
packages/common/index.pcss
View File

@ -6,4 +6,3 @@
@import "./style/ellipsis.pcss"; @import "./style/ellipsis.pcss";
@import "./style/clearfix.pcss"; @import "./style/clearfix.pcss";
@import "./style/hairline.pcss"; @import "./style/hairline.pcss";
@import "./style/animation.pcss";

61
packages/common/style/animation.pcss
View File

@ -1,61 +0,0 @@
@keyframes van-slide-bottom-enter {
from {
transform: translate3d(0, 100%, 0);
}
}
@keyframes van-slide-bottom-leave {
to {
transform: translate3d(0, 100%, 0);
}
}
@keyframes van-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes van-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes van-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.van-fade {
&-enter-active {
animation: .3s van-fade-in;
}
&-leave-active {
animation: .3s van-fade-out;
}
}
.van-slide-bottom {
&-enter-active {
animation: van-slide-bottom-enter .3s both ease;
}
&-leave-active {
animation: van-slide-bottom-leave .3s both ease;
}
}

2
packages/field/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
.van-field { .van-field {
&__body { &__body {

2
packages/icon/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@font-face { @font-face {
font-style: normal; font-style: normal;

12
packages/loading/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
.van-loading { .van-loading {
z-index: 0; z-index: 0;
@ -54,3 +54,13 @@
transform: rotate(calc($i * 30deg)); transform: rotate(calc($i * 30deg));
} }
} }
@keyframes van-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

3
packages/panel/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';
.van-panel { .van-panel {
background: $white; background: $white;

14
packages/popup/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
.van-popup { .van-popup {
top: 50%; top: 50%;
@ -92,4 +92,14 @@
from { from {
transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0);
} }
} }
@keyframes van-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

2
packages/search/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
.van-search { .van-search {
display: flex; display: flex;

2
packages/stepper/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
.van-stepper { .van-stepper {
font-size: 0; font-size: 0;

3
packages/steps/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';
.van-steps { .van-steps {
overflow: hidden; overflow: hidden;

2
packages/switch/index.pcss
View File

@ -1,4 +1,4 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
.van-switch { .van-switch {
height: 1em; height: 1em;

3
packages/tag/index.pcss
View File

@ -1,4 +1,5 @@
@import '../common/index.pcss'; @import '../common/style/var.pcss';
@import '../common/style/hairline.pcss';
.van-tag { .van-tag {
display: inline-block; display: inline-block;

1
packages/tree-select/index.pcss
View File

@ -1,4 +1,5 @@
@import "../common/index.pcss"; @import "../common/index.pcss";
@import '../common/style/ellipsis.pcss';
.tree-select { .tree-select {
user-select: none; user-select: none;