|
|
@ -74,7 +74,7 @@ |
|
|
<view class="stock-price"> |
|
|
<view class="stock-price"> |
|
|
<text class="price">{{ stock.price || '--' }}</text> |
|
|
<text class="price">{{ stock.price || '--' }}</text> |
|
|
<text :class="['change', stock.change >= 0 ? 'up' : 'down']"> |
|
|
<text :class="['change', stock.change >= 0 ? 'up' : 'down']"> |
|
|
{{ stock.change >= 0 ? '+' : '' }}{{ stock.change || '--' }} |
|
|
|
|
|
|
|
|
{{ stock.change >= 0 ? '+' : '-' }}{{ stock.change || '--' }} |
|
|
</text> |
|
|
</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -448,15 +448,15 @@ |
|
|
|
|
|
|
|
|
.stock-price { |
|
|
.stock-price { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
|
|
|
align-items: flex-end; |
|
|
|
|
|
|
|
|
flex-direction: row; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
gap: 8px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.price { |
|
|
.price { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
margin-bottom: 4px; |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.change { |
|
|
.change { |
|
|
|