详情页头部部分比较简单,和基金列表页类似。关键代码如下

    1. <view class="header">
    2. <view class="fund-code">0005864</view>
    3. <view style="font-size:14px;color:#666;margin-top:20px;">金额(元)</view>
    4. <view class="balance">10000</view>
    5. <view class="header-info">
    6. <view>
    7. <view class="light-word">昨日收益(元)</view>
    8. <view class="money">+180</view>
    9. </view>
    10. <view style="border-left:solid 1px #eee;border-right:solid 1px #eee;">
    11. <view class="light-word">持有收益(元)</view>
    12. <view class="money">+180</view>
    13. </view>
    14. <view>
    15. <view class="light-word">累计收益(元)</view>
    16. <view class="money">+180</view>
    17. </view>
    18. </view>
    19. </view>

    image.png