源文件
This commit is contained in:
712
common/css/animation.css
Normal file
712
common/css/animation.css
Normal file
@@ -0,0 +1,712 @@
|
||||
|
||||
/*
|
||||
* 垂直放大
|
||||
*/
|
||||
.scale-up-ver-bottom {
|
||||
-webkit-animation: scale-up-ver-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
|
||||
animation: scale-up-ver-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
|
||||
}
|
||||
|
||||
.scale-up-ver-bottom-infinite {
|
||||
-webkit-animation: scale-up-ver-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
|
||||
animation: scale-up-ver-bottom 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
|
||||
}
|
||||
@keyframes scale-up-ver-bottom {
|
||||
0% {
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4);
|
||||
-webkit-transform-origin: 50%;
|
||||
transform-origin: 50%;
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
-webkit-transform-origin: 50%;
|
||||
transform-origin: 50%;
|
||||
}
|
||||
85% {
|
||||
-webkit-transform: rotate(-8deg);
|
||||
transform: rotate(-8deg);
|
||||
}
|
||||
95% {
|
||||
-webkit-transform: rotate(8deg);
|
||||
transform: rotate(8deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 交替垂直放大
|
||||
*/
|
||||
.scale-up-ver-bottom-alternate {
|
||||
-webkit-animation: scale-up-ver-bottom-alternate 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) alternate both;
|
||||
animation: scale-up-ver-bottom-alternate 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) alternate both;
|
||||
}
|
||||
.scale-up-ver-bottom-alternate-infinite {
|
||||
-webkit-animation: scale-up-ver-bottom-alternate 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
|
||||
animation: scale-up-ver-bottom-alternate 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
|
||||
}
|
||||
@keyframes scale-up-ver-bottom-alternate {
|
||||
0% {
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4);
|
||||
-webkit-transform-origin: 0% 100%;
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
-webkit-transform-origin: 0% 100%;
|
||||
transform-origin: 0% 100%;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 中间区域放大
|
||||
*/
|
||||
.scale-up-ver-center {
|
||||
-webkit-animation: scale-up-ver-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
|
||||
animation: scale-up-ver-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
|
||||
}
|
||||
.scale-up-ver-center-infinite {
|
||||
-webkit-animation: scale-up-ver-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
|
||||
animation: scale-up-ver-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
|
||||
}
|
||||
|
||||
@keyframes scale-up-ver-center {
|
||||
0% {
|
||||
-webkit-transform: scaleY(0.4);
|
||||
transform: scaleY(0.4);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scaleY(1);
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 淡出
|
||||
.
|
||||
*/fade-out-fwd {
|
||||
-webkit-animation: fade-out-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
animation: fade-out-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
}
|
||||
.fade-out-fwd-infinite {
|
||||
-webkit-animation: fade-out-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
animation: fade-out-fwd 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
}
|
||||
@keyframes fade-out-fwd {
|
||||
0% {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateZ(80px);
|
||||
transform: translateZ(80px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 淡入
|
||||
*/
|
||||
.fade-in-bck {
|
||||
-webkit-animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
|
||||
animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
|
||||
}
|
||||
.fade-in-bck-infinite {
|
||||
-webkit-animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
|
||||
animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite both;
|
||||
}
|
||||
/*
|
||||
* 淡入淡出
|
||||
*/
|
||||
.fade-in-bck-alternate {
|
||||
-webkit-animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) alternate both;
|
||||
animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) alternate both;
|
||||
}
|
||||
.fade-in-bck-alternate-infinite {
|
||||
-webkit-animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
|
||||
animation: fade-in-bck 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
|
||||
}
|
||||
@keyframes fade-in-bck {
|
||||
0% {
|
||||
-webkit-transform: translateZ(80px);
|
||||
transform: translateZ(80px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 文字铺开
|
||||
*/
|
||||
.tracking-in-expand {
|
||||
-webkit-animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
|
||||
animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
|
||||
}
|
||||
|
||||
.tracking-in-expand-infinite {
|
||||
-webkit-animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite both;
|
||||
animation: tracking-in-expand 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite both;
|
||||
}
|
||||
|
||||
@keyframes tracking-in-expand {
|
||||
0% {
|
||||
letter-spacing: -0.5em;
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
opacity: 0.6;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 心跳
|
||||
*/
|
||||
.heartbeat {
|
||||
-webkit-animation: heartbeat 1s ease-in-out both;
|
||||
animation: heartbeat 1s ease-in-out both;
|
||||
}
|
||||
|
||||
.heartbeat-infinite {
|
||||
-webkit-animation: heartbeat 1s ease-in-out infinite both;
|
||||
animation: heartbeat 1s ease-in-out infinite both;
|
||||
}
|
||||
|
||||
@keyframes heartbeat {
|
||||
from {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
10% {
|
||||
-webkit-transform: scale(0.91);
|
||||
transform: scale(0.91);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
17% {
|
||||
-webkit-transform: scale(0.98);
|
||||
transform: scale(0.98);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
33% {
|
||||
-webkit-transform: scale(0.87);
|
||||
transform: scale(0.87);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
45% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 脉动
|
||||
*/
|
||||
.pulsate-bck {
|
||||
-webkit-animation: pulsate-bck 1s ease-in-out both;
|
||||
animation: pulsate-bck 1s ease-in-out both;
|
||||
}
|
||||
|
||||
.pulsate-bck-infinite {
|
||||
-webkit-animation: pulsate-bck 1s ease-in-out infinite both;
|
||||
animation: pulsate-bck 1s ease-in-out infinite both;
|
||||
}
|
||||
|
||||
@keyframes pulsate-bck {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale(0.9);
|
||||
transform: scale(0.9);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 向上弹跳
|
||||
*/
|
||||
.bounce-top {
|
||||
-webkit-animation: bounce-top 1.5s both;
|
||||
animation: bounce-top 1.5s both;
|
||||
}
|
||||
.bounce-top-infinite {
|
||||
-webkit-animation: bounce-top 1.5s infinite both;
|
||||
animation: bounce-top 1.5s infinite both;
|
||||
}
|
||||
|
||||
@keyframes bounce-top {
|
||||
0%, 30%, 60%, 100% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
15% {
|
||||
-webkit-transform: translateY(-40px);
|
||||
transform: translateY(-40px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
45% {
|
||||
-webkit-transform: translateY(-20px);
|
||||
transform: translateY(-20px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: translateY(-8px);
|
||||
transform: translateY(-8px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 向下弹跳
|
||||
*/
|
||||
.bounce-bottom {
|
||||
-webkit-animation: bounce-bottom 1.5s both;
|
||||
animation: bounce-bottom 1.5s both;
|
||||
}
|
||||
.bounce-bottom-infinite {
|
||||
-webkit-animation: bounce-bottom 1.5s infinite both;
|
||||
animation: bounce-bottom 1.5s infinite both;
|
||||
}
|
||||
|
||||
@keyframes bounce-bottom {
|
||||
0%, 30%, 60%, 100% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
15% {
|
||||
-webkit-transform: translateY(40px);
|
||||
transform: translateY(40px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
45% {
|
||||
-webkit-transform: translateY(20px);
|
||||
transform: translateY(20px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: translateY(8px);
|
||||
transform: translateY(8px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 向左弹跳
|
||||
*/
|
||||
.bounce-left {
|
||||
-webkit-animation: bounce-left 1.5s both;
|
||||
animation: bounce-left 1.5s both;
|
||||
}
|
||||
.bounce-left-infinite {
|
||||
-webkit-animation: bounce-left 1.5s infinite both;
|
||||
animation: bounce-left 1.5s infinite both;
|
||||
}
|
||||
|
||||
@keyframes bounce-left {
|
||||
0%, 30%, 60%, 100% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
15% {
|
||||
-webkit-transform: translateX(-40px);
|
||||
transform: translateX(-40px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
45% {
|
||||
-webkit-transform: translateX(-20px);
|
||||
transform: translateX(-20px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: translateX(-8px);
|
||||
transform: translateX(-8px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 向右弹跳
|
||||
*/
|
||||
.bounce-right {
|
||||
-webkit-animation: bounce-right 1.5s both;
|
||||
animation: bounce-right 1.5s both;
|
||||
}
|
||||
.bounce-right-infinite {
|
||||
-webkit-animation: bounce-right 1.5s infinite both;
|
||||
animation: bounce-right 1.5s infinite both;
|
||||
}
|
||||
|
||||
@keyframes bounce-right {
|
||||
0%, 30%, 60%, 100% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
15% {
|
||||
-webkit-transform: translateX(40px);
|
||||
transform: translateX(40px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
45% {
|
||||
-webkit-transform: translateX(20px);
|
||||
transform: translateX(20px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: translateX(8px);
|
||||
transform: translateX(8px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 左侧弹跳
|
||||
*/
|
||||
.bounce-in-left {
|
||||
-webkit-animation: bounce-in-left 2s both;
|
||||
animation: bounce-in-left 2s both;
|
||||
}
|
||||
.bounce-in-left-infinite {
|
||||
-webkit-animation: bounce-in-left 2s infinite both;
|
||||
animation: bounce-in-left 2s infinite both;
|
||||
}
|
||||
|
||||
@keyframes bounce-in-left {
|
||||
0% {
|
||||
-webkit-transform: translateX(-500px);
|
||||
transform: translateX(-500px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
opacity: 0;
|
||||
}
|
||||
38% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
opacity: 1;
|
||||
}
|
||||
55% {
|
||||
-webkit-transform: translateX(-68px);
|
||||
transform: translateX(-68px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
72% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
81% {
|
||||
-webkit-transform: translateX(-28px);
|
||||
transform: translateX(-28px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
90% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
95% {
|
||||
-webkit-transform: translateX(-8px);
|
||||
transform: translateX(-8px);
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 翻转
|
||||
*/
|
||||
.flip-in-diag-2-tl {
|
||||
-webkit-animation: flip-in-diag-2-tl 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
animation: flip-in-diag-2-tl 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
}
|
||||
.flip-in-diag-2-tl-infinite {
|
||||
-webkit-animation: flip-in-diag-2-tl 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
animation: flip-in-diag-2-tl 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
}
|
||||
|
||||
@keyframes flip-in-diag-2-tl {
|
||||
0% {
|
||||
-webkit-transform: rotate3d(-1, 1, 0, 80deg);
|
||||
transform: rotate3d(-1, 1, 0, 80deg);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate3d(1, 1, 0, 0deg);
|
||||
transform: rotate3d(1, 1, 0, 0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 从左滑动
|
||||
*/
|
||||
.slide-in-left {
|
||||
-webkit-animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
}
|
||||
|
||||
.slide-in-left-infinite {
|
||||
-webkit-animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
animation: slide-in-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
}
|
||||
|
||||
@keyframes slide-in-left {
|
||||
0% {
|
||||
-webkit-transform: translateX(-500px);
|
||||
transform: translateX(-500px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 在fwd中心滑动
|
||||
*/
|
||||
.slide-in-fwd-center {
|
||||
-webkit-animation: slide-in-fwd-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
animation: slide-in-fwd-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
|
||||
}
|
||||
|
||||
.slide-in-fwd-center-infinite {
|
||||
-webkit-animation: slide-in-fwd-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
animation: slide-in-fwd-center 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
|
||||
}
|
||||
|
||||
@keyframes slide-in-fwd-center {
|
||||
0% {
|
||||
-webkit-transform: translateZ(-1400px);
|
||||
transform: translateZ(-1400px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 左前轮旋转
|
||||
*/
|
||||
.swirl-in-left-fwd {
|
||||
-webkit-animation: swirl-in-left-fwd 2s ease-out both;
|
||||
animation: swirl-in-left-fwd 2s ease-out both;
|
||||
}
|
||||
.swirl-in-left-fwd-infinite {
|
||||
-webkit-animation: swirl-in-left-fwd 2s ease-out infinite both;
|
||||
animation: swirl-in-left-fwd 2s ease-out infinite both;
|
||||
}
|
||||
@keyframes swirl-in-left-fwd {
|
||||
0% {
|
||||
-webkit-transform: rotate(-540deg) scale(0);
|
||||
transform: rotate(-540deg) scale(0);
|
||||
-webkit-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%;
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0) scale(1);
|
||||
transform: rotate(0) scale(1);
|
||||
-webkit-transform-origin: 0 50%;
|
||||
transform-origin: 0 50%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 摇动
|
||||
*/
|
||||
.shake-bottom {
|
||||
-webkit-animation: shake-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
|
||||
animation: shake-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
|
||||
}
|
||||
.shake-bottom-infinite {
|
||||
-webkit-animation: shake-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
|
||||
animation: shake-bottom 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
|
||||
}
|
||||
@keyframes shake-bottom {
|
||||
0% {
|
||||
-webkit-transform: scale(1) rotate(0deg);
|
||||
transform: scale(1) rotate(0deg);
|
||||
-webkit-transform-origin: 50%;
|
||||
transform-origin: 50%;
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
-webkit-transform-origin: 50%;
|
||||
transform-origin: 50%;
|
||||
}
|
||||
85% {
|
||||
-webkit-transform: rotate(-16deg);
|
||||
transform: rotate(-16deg);
|
||||
}
|
||||
95% {
|
||||
-webkit-transform: rotate(16deg);
|
||||
transform: rotate(16deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
-webkit-transform-origin: 50%;
|
||||
transform-origin: 50%;
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 震动
|
||||
*/
|
||||
.vibrate {
|
||||
-webkit-animation: vibrate 0.3s linear both;
|
||||
animation: vibrate 0.3s linear both;
|
||||
}
|
||||
.vibrate-infinite {
|
||||
-webkit-animation: vibrate 0.3s linear infinite both;
|
||||
animation: vibrate 0.3s linear infinite both;
|
||||
}
|
||||
|
||||
@keyframes vibrate {
|
||||
0% {
|
||||
-webkit-transform: translate(0);
|
||||
transform: translate(0);
|
||||
}
|
||||
20% {
|
||||
-webkit-transform: translate(2px, -2px);
|
||||
transform: translate(2px, -2px);
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: translate(2px, 2px);
|
||||
transform: translate(2px, 2px);
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: translate(-2px, 2px);
|
||||
transform: translate(-2px, 2px);
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: translate(-2px, -2px);
|
||||
transform: translate(-2px, -2px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: translate(0);
|
||||
transform: translate(0);
|
||||
}
|
||||
}
|
||||
/*
|
||||
* 模糊显示
|
||||
*/
|
||||
.text-focus-in {
|
||||
-webkit-animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
|
||||
animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
|
||||
}
|
||||
.text-focus-in-infinite {
|
||||
-webkit-animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite both;
|
||||
animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) infinite both;
|
||||
}
|
||||
|
||||
@keyframes text-focus-in {
|
||||
0% {
|
||||
-webkit-filter: blur(12px);
|
||||
filter: blur(12px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
-webkit-filter: blur(0px);
|
||||
filter: blur(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 果冻
|
||||
*/
|
||||
.jello-horizontal {
|
||||
-webkit-animation: jello-horizontal 0.9s both;
|
||||
animation: jello-horizontal 0.9s both;
|
||||
}
|
||||
.jello-horizontal-infinite {
|
||||
-webkit-animation: jello-horizontal 0.9s infinite both;
|
||||
animation: jello-horizontal 0.9s infinite both;
|
||||
}
|
||||
@keyframes jello-horizontal {
|
||||
0% {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
30% {
|
||||
-webkit-transform: scale3d(1.25, 0.75, 1);
|
||||
transform: scale3d(1.25, 0.75, 1);
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: scale3d(0.75, 1.25, 1);
|
||||
transform: scale3d(0.75, 1.25, 1);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale3d(1.15, 0.85, 1);
|
||||
transform: scale3d(1.15, 0.85, 1);
|
||||
}
|
||||
65% {
|
||||
-webkit-transform: scale3d(0.95, 1.05, 1);
|
||||
transform: scale3d(0.95, 1.05, 1);
|
||||
}
|
||||
75% {
|
||||
-webkit-transform: scale3d(1.05, 0.95, 1);
|
||||
transform: scale3d(1.05, 0.95, 1);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
|
||||
55
common/css/business.css
Normal file
55
common/css/business.css
Normal file
@@ -0,0 +1,55 @@
|
||||
/*
|
||||
* 面板信息 - 文本
|
||||
*/
|
||||
.panel-item .panel-content .item:last-child {
|
||||
border: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
.panel-item .panel-content .item .title {
|
||||
width: 25%;
|
||||
}
|
||||
.panel-item .panel-content .item .content {
|
||||
width: calc(75% - 52rpx);
|
||||
min-height: 46rpx;
|
||||
word-wrap: break-word;
|
||||
word-break: normal;
|
||||
}
|
||||
.panel-item .panel-content .item .title,
|
||||
.panel-item .panel-content .item .content {
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.panel-item-only .panel-content .item .content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
* 面板信息 - 图片
|
||||
*/
|
||||
.panel-item .panel-content-images .item {
|
||||
margin: 20rpx 20rpx 0 0;
|
||||
}
|
||||
.panel-item .panel-content-images .item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.panel-item .panel-content-images .item image {
|
||||
width: 120rpx;
|
||||
height: 120rpx !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 地址边线
|
||||
*/
|
||||
.address-divider {
|
||||
height: 4px;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAECAYAAADWIIyPAAAAkklEQVR42mP4jwR+7tr1/4OzM1Xwt46O/6SA3Yd//HeLeU0V3DXjE0H7GGCMvw8f/v/o5UUVT39KTPz/78cPoj398Omf/75Jb6ji6ZSyd/9//PxHnMdBjvyUlEQVT4MC7++DB0R7GuTIlPJ3VPE0KPAePvlDlL1gj3/r6qJaEv+5YwdJSbxn5meqJfGdh74TbS8A1dn662xhNdIAAAAASUVORK5CYII=");
|
||||
background-repeat-y: no-repeat;
|
||||
}
|
||||
|
||||
/**
|
||||
* 支付html弹窗
|
||||
*/
|
||||
.popup-pay-html-content {
|
||||
max-height: 80vh;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
1267
common/css/lib.css
Normal file
1267
common/css/lib.css
Normal file
File diff suppressed because it is too large
Load Diff
1420
common/css/page.css
Normal file
1420
common/css/page.css
Normal file
File diff suppressed because it is too large
Load Diff
265
common/css/plugins.css
Normal file
265
common/css/plugins.css
Normal file
@@ -0,0 +1,265 @@
|
||||
/*
|
||||
* 优惠劵
|
||||
*/
|
||||
.plugins-coupon-container .item {
|
||||
overflow: hidden;
|
||||
height: 180rpx;
|
||||
}
|
||||
.plugins-coupon-container .v-left {
|
||||
width: calc(100% - 140rpx);
|
||||
padding: 30rpx 0 30rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
}
|
||||
.plugins-coupon-container .v-left .base .symbol {
|
||||
font-family: Verdana, Tahoma;
|
||||
}
|
||||
.plugins-coupon-container .v-left .base .price {
|
||||
font-weight: 700;
|
||||
font-family: arial;
|
||||
font-size: 76rpx;
|
||||
}
|
||||
.plugins-coupon-container .v-left .base .unit {
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
.plugins-coupon-container .v-left .base .desc {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.plugins-coupon-container .v-left .base-tips,
|
||||
.plugins-coupon-container .v-left .base-time {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.plugins-coupon-container .v-right {
|
||||
width: 140rpx;
|
||||
height: 180rpx;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.plugins-coupon-container .v-right:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.plugins-coupon-container .v-right .circle {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -1px;
|
||||
top: -3px;
|
||||
width: 3px;
|
||||
height: 180rpx;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAACpCAYAAADur4c3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3MjUzYzIwOS04ZWNlLTRlNTctODQ4OC01ZDExOTkwOGNkYmMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM1QzgxREZGRDI5MTFFNTg3QjhGRUQ1MDY5OURERUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTM1QzgxREVGRDI5MTFFNTg3QjhGRUQ1MDY5OURERUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTJiNzVkOGUtZDc2Yi00MzEzLWFmNmYtYTJkNTRlYTI4YTY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcyNTNjMjA5LThlY2UtNGU1Ny04NDg4LTVkMTE5OTA4Y2RiYyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvy+vnQAAAEqSURBVHjaYvz//z8DDDAxIAFyOVeBOAHEYfyPMDsLmXMfmfMT2YADDP8h4CEQq4A4aUDMA1LNSKZDXwJxGcg1yJaWIXOeInO+IxuwA+acK0AsA+IEADEbic7hhPOAer4DcQcQMyNb2oLMeYVsADcyZwPMObuBWBTEsQFpI9E54sjO+QvEc0F+YoHKJgHxJ2TnvEM2gBmZswrmnA1AzAXiaJPhHC1k58BNQ3bBTGTOR2QD/iJzFsH8Mw/kHxBHggzn2KA7BxzWyC5Yisz5imwACmc2LLY7QbEN4nCS4ZwAIGZFds5lUEpEdsF6nKn3PTJnAsiAV0BcBsSM5GamFCDmQXYOOJ8iu2Anzrz9HKU8ABlwDYgTKcnbo0XNaFEzWtQgipqOYVLUAAQYAKPWa4c8cIHnAAAAAElFTkSuQmCC) no-repeat;
|
||||
}
|
||||
.plugins-coupon-container .item-disabled .v-right {
|
||||
background: #dfdfdf !important;
|
||||
color: #c0c0c0 !important;
|
||||
cursor: no-drop !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标签
|
||||
*/
|
||||
.plugins-label {
|
||||
z-index: 2;
|
||||
box-sizing: border-box;
|
||||
white-space: initial;
|
||||
max-width: 100%;
|
||||
}
|
||||
.plugins-label-text {
|
||||
padding: 10rpx 10rpx 0 10rpx;
|
||||
}
|
||||
.plugins-label .lv:not(:last-child) {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.plugins-label .lv {
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.plugins-label-img.plugins-label-bottom-left .lv,
|
||||
.plugins-label-img.plugins-label-bottom-center .lv,
|
||||
.plugins-label-img.plugins-label-bottom-right .lv {
|
||||
margin-bottom: 0;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.plugins-label .lv view {
|
||||
padding: 4rpx 12rpx;
|
||||
-webkit-box-shadow: 0px 1px 2px -1px rgb(0 0 0 / 60%);
|
||||
box-shadow: 0px 1px 2px -1px rgb(0 0 0 / 60%);
|
||||
}
|
||||
.plugins-label-img image {
|
||||
width: 80rpx !important;
|
||||
height: 80rpx !important;
|
||||
}
|
||||
.plugins-label-top-left {
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.plugins-label-top-center {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.plugins-label-top-right {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.plugins-label-bottom-left,
|
||||
.plugins-label-bottom-center,
|
||||
.plugins-label-bottom-right {
|
||||
bottom: calc(100% - 380rpx);
|
||||
}
|
||||
.plugins-label-bottom-left {
|
||||
left: 0;
|
||||
}
|
||||
.plugins-label-bottom-center {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.plugins-label-bottom-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 商品列表标签处理
|
||||
*/
|
||||
.goods-data-rolling-list .plugins-label-bottom-left,
|
||||
.goods-data-rolling-list .plugins-label-bottom-center,
|
||||
.goods-data-rolling-list .plugins-label-bottom-right {
|
||||
bottom: calc(100% - 240rpx) !;
|
||||
}
|
||||
.goods-data-list .plugins-label-bottom-left,
|
||||
.goods-data-list .plugins-label-bottom-center,
|
||||
.goods-data-list .plugins-label-bottom-right {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 灰度样式
|
||||
*/
|
||||
.grayscale {
|
||||
filter: grayscale(100%);
|
||||
-webkit-filter: grayscale(100%);
|
||||
-moz-filter: grayscale(100%);
|
||||
-ms-filter: grayscale(100%);
|
||||
-o-filter: grayscale(100%);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 博客 - 列表
|
||||
*/
|
||||
.plugins-blog-list .blog-img {
|
||||
width: 200rpx !important;
|
||||
height: 170rpx !important;
|
||||
}
|
||||
.plugins-blog-list .base {
|
||||
width: calc(100% - 220rpx);
|
||||
}
|
||||
|
||||
/*
|
||||
* 博客 - 滚动
|
||||
*/
|
||||
.plugins-blog-rolling-list swiper,
|
||||
.plugins-blog-rolling-list .item .blog-img {
|
||||
height: 180rpx !important;
|
||||
}
|
||||
.plugins-blog-rolling-list .item .blog-title {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: calc(100% - 26rpx);
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
/**
|
||||
* 博客 - 九方格
|
||||
*/
|
||||
.plugins-blog-grid-list .item {
|
||||
width: calc(50% - 10rpx);
|
||||
float: left;
|
||||
padding-bottom: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.plugins-blog-grid-list .item:nth-of-type(2n + 1) {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.plugins-blog-grid-list .item:nth-of-type(2n) {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.plugins-blog-grid-list .item .blog-img {
|
||||
width: 100%;
|
||||
height: 220rpx !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 门店 - 数据列表
|
||||
*/
|
||||
.plugins-realstore-data-list .item .address-content {
|
||||
width: calc(100% - 150rpx);
|
||||
}
|
||||
|
||||
.plugins-realstore-data-list .item .address-distance {
|
||||
right: 20rpx;
|
||||
bottom: 18rpx;
|
||||
}
|
||||
|
||||
.plugins-realstore-data-list .item .icon-list {
|
||||
right: 24rpx;
|
||||
top: 36rpx;
|
||||
}
|
||||
.plugins-realstore-data-list .item .icon-list .icon-item {
|
||||
width: 46rpx;
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
}
|
||||
.plugins-realstore-data-list .item .icon-item .badge-icon {
|
||||
top: -10px;
|
||||
right: 2px;
|
||||
}
|
||||
.plugins-realstore-data-list .item .icon-list .icon-item {
|
||||
background: rgba(226, 44, 8, 0.08);
|
||||
border-radius: 8rpx;
|
||||
color: #E46248;
|
||||
}
|
||||
.plugins-realstore-data-list .item .icon-list .icon-item:not(:last-child) {
|
||||
margin-right: 26rpx;
|
||||
}
|
||||
.plugins-realstore-data-list .item .logo {
|
||||
width: 100rpx;
|
||||
height: 100rpx !important;
|
||||
}
|
||||
.plugins-realstore-data-list .item .base-right {
|
||||
padding-left: 14rpx;
|
||||
}
|
||||
.plugins-realstore-data-list .item .base-right .title {
|
||||
width: calc(100% - 110rpx);
|
||||
}
|
||||
|
||||
/**
|
||||
* 多商户 - 数据列表
|
||||
*/
|
||||
.plugins-shop-data-list .item .logo {
|
||||
width: 100rpx;
|
||||
height: 100rpx !important;
|
||||
}
|
||||
.plugins-shop-data-list .item .item-right-icon {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.plugins-shop-data-list .item .right-content {
|
||||
padding-left: 14rpx;
|
||||
margin-right: 50rpx;
|
||||
}
|
||||
.plugins-shop-data-list .item .auth-icon .icon {
|
||||
width: 28rpx;
|
||||
height: 28rpx !important;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.plugins-shop-data-list .item .desc {
|
||||
min-height: 72rpx;
|
||||
line-height: 36rpx;
|
||||
}
|
||||
838
common/css/theme.css
Normal file
838
common/css/theme.css
Normal file
@@ -0,0 +1,838 @@
|
||||
/******************** 红色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-red .border-color-main-pair {
|
||||
border-color: #F6C133 !important;
|
||||
}
|
||||
.theme-red .border-color-main-light {
|
||||
border-color: #ffdbe2 !important;
|
||||
}
|
||||
.theme-red .border-color-main {
|
||||
border-color: #ff0036 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-red .br-main-pair {
|
||||
border: 1px solid #F6C133 !important;
|
||||
}
|
||||
.theme-red .br-main-light {
|
||||
border: solid 1px #ffdbe2 !important;
|
||||
}
|
||||
.theme-red .br-main {
|
||||
border: 1px solid #ff0036 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-red .br-dashed-main-pair {
|
||||
border: dashed 1px #F6C133 !important;
|
||||
}
|
||||
.theme-red .br-dashed-main-light {
|
||||
border: dashed 1px #ffdbe2 !important;
|
||||
}
|
||||
.theme-red .br-dashed-main {
|
||||
border: dashed 1px #ff0036 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-red .cr-main-pair {
|
||||
color: #F6C133 !important;
|
||||
}
|
||||
.theme-red .cr-main-light {
|
||||
color: #ffdbe2 !important;
|
||||
}
|
||||
.theme-red .cr-main {
|
||||
color: #ff0036 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-red .bg-main-pair {
|
||||
background-color: #F6C133 !important;
|
||||
}
|
||||
.theme-red .bg-main-light {
|
||||
background-color: #ffdbe2 !important;
|
||||
}
|
||||
.theme-red .bg-main {
|
||||
background-color: #ff0036 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-red .nav-active-line::before {
|
||||
background: #ff0036;
|
||||
}
|
||||
.theme-red button[disabled].bg-main-pair {
|
||||
background-color: #d0cbca !important;
|
||||
border-color: #d0cbca !important;
|
||||
color: #eaeaea !important;
|
||||
}
|
||||
.theme-red button[disabled].bg-main-light {
|
||||
background-color: #ffe9ed !important;
|
||||
border-color: #ffe9ed !important;
|
||||
color: #ffa5b7 !important;
|
||||
}
|
||||
.theme-red button[disabled].bg-main {
|
||||
background-color: #ffa7ba !important;
|
||||
border-color: #ffa7ba !important;
|
||||
color: #fff5f7 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-red .title-left-border::before {
|
||||
background: linear-gradient(180deg, #ff0036 0%, #ffdbe2 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-red .nav-left-border::before {
|
||||
background: #ff0036;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/******************** 黄色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-yellow .border-color-main-pair {
|
||||
border-color: #FF0036 !important;
|
||||
}
|
||||
.theme-yellow .border-color-main-light {
|
||||
border-color: #ffebd2 !important;
|
||||
}
|
||||
.theme-yellow .border-color-main {
|
||||
border-color: #f6c133 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-yellow .br-main-pair {
|
||||
border: 1px solid #FF0036 !important;
|
||||
}
|
||||
.theme-yellow .br-main-light {
|
||||
border: solid 1px #ffebd2 !important;
|
||||
}
|
||||
.theme-yellow .br-main {
|
||||
border: 1px solid #f6c133 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-yellow .br-dashed-main-pair {
|
||||
border: dashed 1px #FF0036 !important;
|
||||
}
|
||||
.theme-yellow .br-dashed-main-light {
|
||||
border: dashed 1px #ffebd2 !important;
|
||||
}
|
||||
.theme-yellow .br-dashed-main {
|
||||
border: dashed 1px #f6c133 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-yellow .cr-main-pair {
|
||||
color: #FF0036 !important;
|
||||
}
|
||||
.theme-yellow .cr-main-light {
|
||||
color: #ffebd2 !important;
|
||||
}
|
||||
.theme-yellow .cr-main {
|
||||
color: #f6c133 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-yellow .nav-active-line::before {
|
||||
background: #f6c133;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-yellow .bg-main-pair {
|
||||
background-color: #FF0036 !important;
|
||||
}
|
||||
.theme-yellow .bg-main-light {
|
||||
background-color: #ffebd2 !important;
|
||||
}
|
||||
.theme-yellow .bg-main {
|
||||
background-color: #f6c133 !important;
|
||||
}
|
||||
.theme-yellow button[disabled].bg-main-pair {
|
||||
background-color: #b5a29c !important;
|
||||
border-color: #b5a29c !important;
|
||||
color: #8c766f !important;
|
||||
}
|
||||
.theme-yellow button[disabled].bg-main-light {
|
||||
background-color: #fbebd6 !important;
|
||||
border-color: #fbebd6 !important;
|
||||
color: #ffcc40 !important;
|
||||
}
|
||||
.theme-yellow button[disabled].bg-main {
|
||||
background-color: #fdd178 !important;
|
||||
border-color: #fdd178 !important;
|
||||
color: #fff7e7 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-yellow .title-left-border::before {
|
||||
background: linear-gradient(180deg, #f6c133 0%, #ffebd2 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-yellow .nav-left-border::before {
|
||||
background: #f6c133;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/******************** 黑色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-black .border-color-main-pair {
|
||||
border-color: #D3B881 !important;
|
||||
}
|
||||
.theme-black .border-color-main-light {
|
||||
border-color: #dcdcdc !important;
|
||||
}
|
||||
.theme-black .border-color-main {
|
||||
border-color: #333333 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-black .br-main-pair {
|
||||
border: 1px solid #D3B881 !important;
|
||||
}
|
||||
.theme-black .br-main-light {
|
||||
border: solid 1px #dcdcdc !important;
|
||||
}
|
||||
.theme-black .br-main {
|
||||
border: 1px solid #333333 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-black .br-dashed-main-pair {
|
||||
border: dashed 1px #D3B881 !important;
|
||||
}
|
||||
.theme-black .br-dashed-main-light {
|
||||
border: dashed 1px #dcdcdc !important;
|
||||
}
|
||||
.theme-black .br-dashed-main {
|
||||
border: dashed 1px #333333 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-black .cr-main-pair {
|
||||
color: #D3B881 !important;
|
||||
}
|
||||
.theme-black .cr-main-light {
|
||||
color: #dcdcdc !important;
|
||||
}
|
||||
.theme-black .cr-main {
|
||||
color: #333333 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-black .bg-main-pair {
|
||||
background-color: #D3B881 !important;
|
||||
}
|
||||
.theme-black .bg-main-light {
|
||||
background-color: #dcdcdc !important;
|
||||
}
|
||||
.theme-black .bg-main {
|
||||
background-color: #333333 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-black .nav-active-line::before {
|
||||
background: #333333;
|
||||
}
|
||||
.theme-black button[disabled].bg-main-pair {
|
||||
background-color: #bdece8 !important;
|
||||
border-color: #bdece8 !important;
|
||||
color: #edfbf9 !important;
|
||||
}
|
||||
.theme-black button[disabled].bg-main-light {
|
||||
background-color: #efefef !important;
|
||||
border-color: #efefef !important;
|
||||
color: #b7b7b7 !important;
|
||||
}
|
||||
.theme-black button[disabled].bg-main {
|
||||
background-color: #c7c7c7 !important;
|
||||
border-color: #c7c7c7 !important;
|
||||
color: #e2e2e2 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-black .title-left-border::before {
|
||||
background: linear-gradient(180deg, #333333 0%, #dcdcdc 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-black .nav-left-border::before {
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/******************** 绿色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-green .border-color-main-pair {
|
||||
border-color: #20A5A2 !important;
|
||||
}
|
||||
.theme-green .border-color-main-light {
|
||||
border-color: #cce8d2 !important;
|
||||
}
|
||||
.theme-green .border-color-main {
|
||||
border-color: #20a53a !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-green .br-main-pair {
|
||||
border: 1px solid #20A5A2 !important;
|
||||
}
|
||||
.theme-green .br-main-light {
|
||||
border: solid 1px #cce8d2 !important;
|
||||
}
|
||||
.theme-green .br-main {
|
||||
border: 1px solid #20a53a !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-green .br-dashed-main-pair {
|
||||
border: dashed 1px #20A5A2 !important;
|
||||
}
|
||||
.theme-green .br-dashed-main-light {
|
||||
border: dashed 1px #cce8d2 !important;
|
||||
}
|
||||
.theme-green .br-dashed-main {
|
||||
border: dashed 1px #20a53a !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-green .cr-main-pair {
|
||||
color: #20A5A2 !important;
|
||||
}
|
||||
.theme-green .cr-main-light {
|
||||
color: #cce8d2 !important;
|
||||
}
|
||||
.theme-green .cr-main {
|
||||
color: #20a53a !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-green .bg-main-pair {
|
||||
background-color: #20A5A2 !important;
|
||||
}
|
||||
.theme-green .bg-main-light {
|
||||
background-color: #cce8d2 !important;
|
||||
}
|
||||
.theme-green .bg-main {
|
||||
background-color: #20a53a !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-green .nav-active-line::before {
|
||||
background: #20a53a;
|
||||
}
|
||||
.theme-green button[disabled].bg-main-pair {
|
||||
background-color: #cfaae2 !important;
|
||||
border-color: #cfaae2 !important;
|
||||
color: #e6deea !important;
|
||||
}
|
||||
.theme-green button[disabled].bg-main-light {
|
||||
background-color: #daeade !important;
|
||||
border-color: #daeade !important;
|
||||
color: #9dcaa6 !important;
|
||||
}
|
||||
.theme-green button[disabled].bg-main {
|
||||
background-color: #a8c5ae !important;
|
||||
border-color: #a8c5ae !important;
|
||||
color: #d8eadc !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-green .title-left-border::before {
|
||||
background: linear-gradient(180deg, #20a53a 0%, #cce8d2 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-green .nav-left-border::before {
|
||||
background: #20a53a;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/******************** 橙色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-orange .border-color-main-pair {
|
||||
border-color: #F6C133 !important;
|
||||
}
|
||||
.theme-orange .border-color-main-light {
|
||||
border-color: #fde4d1 !important;
|
||||
}
|
||||
.theme-orange .border-color-main {
|
||||
border-color: #fe6f04 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-orange .br-main-pair {
|
||||
border: 1px solid #F6C133 !important;
|
||||
}
|
||||
.theme-orange .br-main-light {
|
||||
border: solid 1px #fde4d1 !important;
|
||||
}
|
||||
.theme-orange .br-main {
|
||||
border: 1px solid #fe6f04 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-orange .br-dashed-main-pair {
|
||||
border: dashed 1px #F6C133 !important;
|
||||
}
|
||||
.theme-orange .br-dashed-main-light {
|
||||
border: dashed 1px #fde4d1 !important;
|
||||
}
|
||||
.theme-orange .br-dashed-main {
|
||||
border: dashed 1px #fe6f04 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-orange .cr-main-pair {
|
||||
color: #F6C133 !important;
|
||||
}
|
||||
.theme-orange .cr-main-light {
|
||||
color: #fde4d1 !important;
|
||||
}
|
||||
.theme-orange .cr-main {
|
||||
color: #fe6f04 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-orange .bg-main-pair {
|
||||
background-color: #F6C133 !important;
|
||||
}
|
||||
.theme-orange .bg-main-light {
|
||||
background-color: #fde4d1 !important;
|
||||
}
|
||||
.theme-orange .bg-main {
|
||||
background-color: #fe6f04 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-orange .nav-active-line::before {
|
||||
background: #fe6f04;
|
||||
}
|
||||
.theme-orange button[disabled].bg-main-pair {
|
||||
background-color: #b5a29c !important;
|
||||
border-color: #b5a29c !important;
|
||||
color: #8c766f !important;
|
||||
}
|
||||
.theme-orange button[disabled].bg-main-light {
|
||||
background-color: #fbe9dc !important;
|
||||
border-color: #fbe9dc !important;
|
||||
color: #f7c49e !important;
|
||||
}
|
||||
.theme-orange button[disabled].bg-main {
|
||||
background-color: #f7cdad !important;
|
||||
border-color: #f7cdad !important;
|
||||
color: #f7efea !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-orange .title-left-border::before {
|
||||
background: linear-gradient(180deg, #fe6f04 0%, #fde4d1 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-orange .nav-left-border::before {
|
||||
background: #fe6f04;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/******************** 蓝色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-blue .border-color-main-pair {
|
||||
border-color: #16CEFF !important;
|
||||
}
|
||||
.theme-blue .border-color-main-light {
|
||||
border-color: #d1e4ff !important;
|
||||
}
|
||||
.theme-blue .border-color-main {
|
||||
border-color: #1677ff !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-blue .br-main-pair {
|
||||
border: 1px solid #16CEFF !important;
|
||||
}
|
||||
.theme-blue .br-main-light {
|
||||
border: solid 1px #d1e4ff !important;
|
||||
}
|
||||
.theme-blue .br-main {
|
||||
border: 1px solid #1677ff !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-blue .br-dashed-main-pair {
|
||||
border: dashed 1px #16CEFF !important;
|
||||
}
|
||||
.theme-blue .br-dashed-main-light {
|
||||
border: dashed 1px #d1e4ff !important;
|
||||
}
|
||||
.theme-blue .br-dashed-main {
|
||||
border: dashed 1px #1677ff !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-blue .cr-main-pair {
|
||||
color: #16CEFF !important;
|
||||
}
|
||||
.theme-blue .cr-main-light {
|
||||
color: #d1e4ff !important;
|
||||
}
|
||||
.theme-blue .cr-main {
|
||||
color: #1677ff !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-blue .bg-main-pair {
|
||||
background-color: #16CEFF !important;
|
||||
}
|
||||
.theme-blue .bg-main-light {
|
||||
background-color: #d1e4ff !important;
|
||||
}
|
||||
.theme-blue .bg-main {
|
||||
background-color: #1677ff !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-blue .nav-active-line::before {
|
||||
background: #1677ff;
|
||||
}
|
||||
.theme-blue button[disabled].bg-main-pair {
|
||||
background-color: #efcbf5 !important;
|
||||
border-color: #efcbf5 !important;
|
||||
color: #faf1fb !important;
|
||||
}
|
||||
.theme-blue button[disabled].bg-main-light {
|
||||
background-color: #e3eefd !important;
|
||||
border-color: #e3eefd !important;
|
||||
color: #b9d3f7 !important;
|
||||
}
|
||||
.theme-blue button[disabled].bg-main {
|
||||
background-color: #bcd3f5 !important;
|
||||
border-color: #bcd3f5 !important;
|
||||
color: #eef4fd !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-blue .title-left-border::before {
|
||||
background: linear-gradient(180deg, #1677ff 0%, #d1e4ff 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-blue .nav-left-border::before {
|
||||
background: #1677ff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/******************** 棕色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-brown .border-color-main-pair {
|
||||
border-color: #8B1313 !important;
|
||||
}
|
||||
.theme-brown .border-color-main-light {
|
||||
border-color: #eadcd2 !important;
|
||||
}
|
||||
.theme-brown .border-color-main {
|
||||
border-color: #8B4513 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-brown .br-main-pair {
|
||||
border: 1px solid #8B1313 !important;
|
||||
}
|
||||
.theme-brown .br-main-light {
|
||||
border: solid 1px #eadcd2 !important;
|
||||
}
|
||||
.theme-brown .br-main {
|
||||
border: 1px solid #8B4513 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-brown .br-dashed-main-pair {
|
||||
border: dashed 1px #8B1313 !important;
|
||||
}
|
||||
.theme-brown .br-dashed-main-light {
|
||||
border: dashed 1px #eadcd2 !important;
|
||||
}
|
||||
.theme-brown .br-dashed-main {
|
||||
border: dashed 1px #8B4513 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-brown .cr-main-pair {
|
||||
color: #8B1313 !important;
|
||||
}
|
||||
.theme-brown .cr-main-light {
|
||||
color: #eadcd2 !important;
|
||||
}
|
||||
.theme-brown .cr-main {
|
||||
color: #8B4513 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-brown .bg-main-pair {
|
||||
background-color: #8B1313 !important;
|
||||
}
|
||||
.theme-brown .bg-main-light {
|
||||
background-color: #eadcd2 !important;
|
||||
}
|
||||
.theme-brown .bg-main {
|
||||
background-color: #8B4513 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-brown .nav-active-line::before {
|
||||
background: #8B4513;
|
||||
}
|
||||
.theme-brown button[disabled].bg-main-pair {
|
||||
background-color: #a6ded9 !important;
|
||||
border-color: #a6ded9 !important;
|
||||
color: #dff1ef !important;
|
||||
}
|
||||
.theme-brown button[disabled].bg-main-light {
|
||||
background-color: #f1e6de !important;
|
||||
border-color: #f1e6de !important;
|
||||
color: #d6bdad !important;
|
||||
}
|
||||
.theme-brown button[disabled].bg-main {
|
||||
background-color: #e4cdbc !important;
|
||||
border-color: #e4cdbc !important;
|
||||
color: #f9f4f0 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-brown .title-left-border::before {
|
||||
background: linear-gradient(180deg, #8B4513 0%, #eadcd2 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-brown .nav-left-border::before {
|
||||
background: #8B4513;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/******************** 紫色 ********************/
|
||||
/**
|
||||
* 边线 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-purple .border-color-main-pair {
|
||||
border-color: #3C8CEC !important;
|
||||
}
|
||||
.theme-purple .border-color-main-light {
|
||||
border-color: #d6cbfb !important;
|
||||
}
|
||||
.theme-purple .border-color-main {
|
||||
border-color: #623cec !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-purple .br-main-pair {
|
||||
border: 1px solid #3C8CEC !important;
|
||||
}
|
||||
.theme-purple .br-main-light {
|
||||
border: solid 1px #d6cbfb !important;
|
||||
}
|
||||
.theme-purple .br-main {
|
||||
border: 1px solid #623cec !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 虚线边框 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-purple .br-dashed-main-pair {
|
||||
border: dashed 1px #3C8CEC !important;
|
||||
}
|
||||
.theme-purple .br-dashed-main-light {
|
||||
border: dashed 1px #d6cbfb !important;
|
||||
}
|
||||
.theme-purple .br-dashed-main {
|
||||
border: dashed 1px #623cec !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 文本颜色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-purple .cr-main-pair {
|
||||
color: #3C8CEC !important;
|
||||
}
|
||||
.theme-purple .cr-main-light {
|
||||
color: #d6cbfb !important;
|
||||
}
|
||||
.theme-purple .cr-main {
|
||||
color: #623cec !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 背景色 搭配色、次主色、主色
|
||||
*/
|
||||
.theme-purple .bg-main-pair {
|
||||
background-color: #3C8CEC !important;
|
||||
}
|
||||
.theme-purple .bg-main-light {
|
||||
background-color: #d6cbfb !important;
|
||||
}
|
||||
.theme-purple .bg-main {
|
||||
background-color: #623cec !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航伪类背景色
|
||||
*/
|
||||
.theme-purple .nav-active-line::before {
|
||||
background: #623cec;
|
||||
}
|
||||
.theme-purple button[disabled].bg-main-pair {
|
||||
background-color: #d8aed8 !important;
|
||||
border-color: #d8aed8 !important;
|
||||
color: #efe4ef !important;
|
||||
}
|
||||
.theme-purple button[disabled].bg-main-light {
|
||||
background-color: #dcd6f1 !important;
|
||||
border-color: #dcd6f1 !important;
|
||||
color: #b2a7dc !important;
|
||||
}
|
||||
.theme-purple button[disabled].bg-main {
|
||||
background-color: #bdb0ef !important;
|
||||
border-color: #bdb0ef !important;
|
||||
color: #e7e4f1 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* 标题左侧边线
|
||||
*/
|
||||
.theme-purple .title-left-border::before {
|
||||
background: linear-gradient(180deg, #623cec 0%, #d6cbfb 100%);
|
||||
}
|
||||
|
||||
/**
|
||||
* 导航菜单左侧边线
|
||||
*/
|
||||
.theme-purple .nav-left-border::before {
|
||||
background: #623cec;
|
||||
}
|
||||
Reference in New Issue
Block a user