|
|
@@ -261,22 +261,35 @@ export default {
|
|
|
background: #ffffff;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
.top-wrap {
|
|
|
- padding: 20upx 26upx 0;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 100%;
|
|
|
+ max-width: 750upx; /*no*/
|
|
|
+ min-width: 320upx; /*no*/
|
|
|
+ margin: 0 auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 24upx 28upx 0;
|
|
|
border-bottom: 1upx solid #d8d8d8;
|
|
|
+ background: #ffffff;
|
|
|
+ z-index: 100;
|
|
|
}
|
|
|
.formula-row {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- height: 70upx;
|
|
|
+ height: 76upx;
|
|
|
}
|
|
|
.count-box,
|
|
|
.price-input {
|
|
|
- width: 238upx;
|
|
|
- height: 58upx;
|
|
|
- line-height: 58upx;
|
|
|
- border: 1upx solid #b7b7b7;
|
|
|
+ width: 220upx;
|
|
|
+ height: 64upx;
|
|
|
+ line-height: 64upx;
|
|
|
+ border: 1upx solid #b5b5b5;
|
|
|
+ border-radius: 4upx;
|
|
|
text-align: center;
|
|
|
font-size: 28upx;
|
|
|
box-sizing: border-box;
|
|
|
@@ -286,18 +299,18 @@ export default {
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
.symbol {
|
|
|
- margin: 0 36upx;
|
|
|
+ margin: 0 34upx;
|
|
|
font-size: 30upx;
|
|
|
color: #000000;
|
|
|
}
|
|
|
.amount {
|
|
|
flex: 1;
|
|
|
text-align: center;
|
|
|
- font-size: 30upx;
|
|
|
+ font-size: 32upx;
|
|
|
color: #000000;
|
|
|
}
|
|
|
.stock-row {
|
|
|
- height: 78upx;
|
|
|
+ height: 84upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
@@ -312,16 +325,20 @@ export default {
|
|
|
}
|
|
|
.content-scroll {
|
|
|
flex: 1;
|
|
|
+ height: 0;
|
|
|
min-height: 0;
|
|
|
+ margin-top: 184upx;
|
|
|
+ background: #ffffff;
|
|
|
}
|
|
|
.tree-grid {
|
|
|
- padding: 16upx 8upx 150upx;
|
|
|
+ padding: 18upx 14upx 150upx;
|
|
|
}
|
|
|
.grid-row {
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
padding-left: 36upx;
|
|
|
- margin-top: 18upx;
|
|
|
+ margin-top: 22upx;
|
|
|
+ align-items: flex-start;
|
|
|
}
|
|
|
.grid-row:first-child {
|
|
|
margin-top: 0;
|
|
|
@@ -375,13 +392,16 @@ export default {
|
|
|
border-radius: 6upx;
|
|
|
}
|
|
|
.footer-button {
|
|
|
- height: 120upx;
|
|
|
- padding: 0 64upx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ height: 124upx;
|
|
|
+ padding: 0 60upx;
|
|
|
+ justify-content: space-between;
|
|
|
box-sizing: border-box;
|
|
|
+ border-top: 1upx solid #eeeeee;
|
|
|
+}
|
|
|
+.footer-button button {
|
|
|
+ margin: 0;
|
|
|
}
|
|
|
.footer-btn {
|
|
|
- margin-left: 58upx;
|
|
|
+ margin-left: 0;
|
|
|
}
|
|
|
</style>
|
