@@ -680,6 +683,22 @@ export default {
display: flex;
align-items: center;
justify-content: space-between;
+ .right{
+ display: flex;
+ align-items: center;
+ flex-shrink: 0;
+ .input-50{
+ width: 100px;
+ height: 40px;
+ flex-shrink: 0;
+ .input{
+ line-height: 40px;
+ height: 40px;
+ font-weight: bold;
+ color: #3CFDFF;
+ }
+ }
+ }
}
>div {
height: 100%;
@@ -760,8 +779,8 @@ export default {
align-items: center;
.left {
- width: 50px;
- height: 50px;
+ width: 60px;
+ height: 60px;
display: flex;
align-items: center;
justify-content: center;
@@ -782,7 +801,7 @@ export default {
}
.name {
- font-size: 14px;
+ font-size: 16px;
font-family: Alibaba PuHuiTiR;
font-weight: 400;
color: #FFFFFF;
@@ -793,11 +812,11 @@ export default {
.line{
width: 100%;
height: 1px;
- background: #34AFF6;
+ background: rgba(52, 175, 246,0.5);
}
.right{
-width: calc(100% - 55px);
+width: calc(100% - 65px);
}
.flex{
display: flex;
@@ -814,7 +833,7 @@ width: calc(100% - 55px);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
span{
- font-size: 12px;
+ font-size:18px;
font-family: Oswald;
}
}
@@ -843,6 +862,7 @@ width: calc(100% - 55px);
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 0px; //纵向间隔
grid-column-gap: 10px; //横向间隔
+
.grid{
display: flex;
align-items: center;