|
@@ -21,11 +21,12 @@
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: flex-start;
|
|
|
- justify-content: center;
|
|
|
+ /* justify-content: center; */
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: 12rpx;
|
|
|
padding: 0 24rpx;
|
|
|
overflow: hidden;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.dashboard .content .count .number {
|
|
@@ -33,6 +34,7 @@
|
|
|
font-weight: bold;
|
|
|
color: rgba(66, 70, 86, 0.7);
|
|
|
line-height: 96rpx;
|
|
|
+ align-self: flex-start;
|
|
|
}
|
|
|
|
|
|
.dashboard .content .count .number text {
|
|
@@ -166,7 +168,8 @@
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
background-color: rgb(118, 218, 255);
|
|
|
- background: linear-gradient(360deg, #59B7FF 0%, #0091FF 80%, #59B7FF 100%);
|
|
|
+ /* background: linear-gradient(360deg, #59B7FF 0%, #0091FF 80%, #59B7FF 100%); */
|
|
|
+ background: linear-gradient(360deg, #59B7FF 0%, #0091FF 100%);
|
|
|
}
|
|
|
|
|
|
.wave-wrap .wave-inner .bubble {
|
|
@@ -176,8 +179,8 @@
|
|
|
top: -5rpx;
|
|
|
left: 0;
|
|
|
animation-name: translate;
|
|
|
- animation-iteration-count: infinite;
|
|
|
- animation-timing-function: linear;
|
|
|
+ /* animation-iteration-count: infinite;
|
|
|
+ animation-timing-function: linear; */
|
|
|
animation-duration: 4s;
|
|
|
}
|
|
|
|
|
@@ -209,23 +212,32 @@
|
|
|
width: 100%;
|
|
|
display: inline-flex;
|
|
|
padding: 28rpx 0;
|
|
|
- text-align: center;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ /* text-align: center; */
|
|
|
flex-direction: row;
|
|
|
justify-content: left;
|
|
|
}
|
|
|
.textFlag image{
|
|
|
- width: 80rpx;
|
|
|
- height: 80rpx;
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
display: block;
|
|
|
margin-left: 1rpx;
|
|
|
- margin-bottom: 18rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
.textFlag .textcurrentMonth{
|
|
|
align-items: center;
|
|
|
- margin-top: 15rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
margin-left: 15rpx;
|
|
|
}
|
|
|
+.imgbackground{
|
|
|
+ width: 288rpx;
|
|
|
+ height: 120rpx;
|
|
|
+ margin-bottom: 6rpx;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0rpx;
|
|
|
+
|
|
|
+}
|
|
|
@keyframes rotate {
|
|
|
0% {
|
|
|
transform: translate(-50%, 0) rotateZ(0deg);
|