feat: 完成引导页
This commit is contained in:
@@ -20,7 +20,8 @@ wx-button:not([size=mini]) {
|
||||
font-size: @button-default-font-size;
|
||||
color: @button-default-color;
|
||||
padding: 0 44rpx;
|
||||
width: auto !important;
|
||||
// width: auto !important;
|
||||
// transition: all 0.04s;
|
||||
|
||||
|
||||
&--primary {
|
||||
@@ -58,18 +59,18 @@ wx-button:not([size=mini]) {
|
||||
&--white {
|
||||
color: rgba(34, 36, 37, 0.9);
|
||||
background: #fff;
|
||||
box-shadow: 0 10rpx 0 rgba(255, 255, 255, 0.7);
|
||||
box-shadow: 0 6rpx 0 rgba(255, 255, 255, 0.7);
|
||||
|
||||
&.disabled {
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.55);
|
||||
box-shadow: 0px 6rpx 0px rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
|
||||
&.plain {
|
||||
color: #fff;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border: 1px solid rgba(255, 255, 255, 1);
|
||||
box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.88);
|
||||
border: 2rpx solid rgba(255, 255, 255, 1);
|
||||
box-shadow: 0px 6rpx 0px rgba(255, 255, 255, 0.88);
|
||||
|
||||
// &.disabled {
|
||||
// background: rgba(255, 255, 255, 0.2);
|
||||
@@ -77,6 +78,12 @@ wx-button:not([size=mini]) {
|
||||
// box-shadow: 0px 3px 0px rgba(255, 255, 255, 0.6);
|
||||
// }
|
||||
}
|
||||
|
||||
&.active {
|
||||
transform: translateY(6rpx);
|
||||
box-shadow: 0 0 0 rgba(255, 255, 255, 0.7);
|
||||
/* 阴影效果 */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user