1
李凌
2026-01-06 d038edd2e7be2ab280e984847f612fa69fd6fc39
src/views/my/assets.vue
@@ -2,8 +2,8 @@
    <div class="assets">
        <div class="assets_title">{{ $t('总资产估值') }}</div>
        <div class="assets_money font-bold mt-5 flex justify-start items-end">
            {{ currency.currency_symbol }}{{ forexAssets?.money_contract ?
                (forexAssets?.money_contract * (currency.rate ?? 0)).toFixed(2) : '0.00' }}
            {{ currency.currency_symbol }}{{ formatWithCommas(forexAssets?.money_contract ?
                (forexAssets?.money_contract * (currency.rate ?? 0)).toFixed(2) : '0.00') }}
            <div class="pricing_jj ml-5">
                {{ pricing }}
@@ -27,7 +27,7 @@
        <div class="tabbers flex justify-between mt-20 pl-1 pr-1">
            <div class="item" v-for="item in tabList" :key="item.key" @click="toPage(item.path)">
                <img style="width: 100px;" :src="item.icon" alt="">
                <img :src="item.icon" alt="">
                <div class="mt-3 text-center">{{ item.name }}</div>
            </div>
        </div>
@@ -44,13 +44,13 @@
                <div class="assets_item flex justify-start items-center mt-14 font-bold">
                    <div class="icon" style="background-color: #8A90FE;"></div>
                    <span class="ml-5 flex-1">{{ $t('资金账户') }}</span>
                    <span class="mr-5">{{ assetObj.capital }}</span>
                    <span class="mr-5">{{ formatWithCommas(assetObj.capital) }}</span>
                    <van-icon name="arrow" />
                </div>
                <!-- <div class="assets_item flex justify-start items-center mt-14 font-bold">
                    <div class="icon" style="background-color: #f7b600;"></div>
                    <span class="ml-5 flex-1">{{ $t('交易账户') }}</span>
                    <span class="mr-5">{{ assetObj.contract }}</span>
                    <span class="mr-5">{{ formatWithCommas(assetObj.contract) }}</span>
                    <van-icon name="arrow" />
                </div> -->
            </van-collapse-item>
@@ -185,12 +185,16 @@
<style lang="scss" scoped>
@import '@/assets/theme/index.scss';
.assets {
    min-height: 100vh;
    background: $mainbgWhiteColor;
    padding: 2.8rem 2rem 10rem 2rem;
    $assets_title_color: #9a9a9a;
    color: $assets_title_color;
    @include themify() {
        color: themed("text_color2");
    }
    :deep(.van-cell) {
        padding-left: 0;
@@ -216,8 +220,11 @@
    }
    .assets_money {
        color: $text_color4;
        font-size: 3.4rem;
        @include themify() {
            color: themed("text_color");
        }
        .pricing_jj {
            font-size: 1.6rem;
@@ -249,13 +256,19 @@
    .assets_revenue {
        font-size: 2rem;
        color: #646464;
        font-weight: 600;
        @include themify() {
            color: themed("text_color1");
        }
        span {
            color: #6e6e6e;
            text-decoration: underline dotted;
            font-weight: 400;
            @include themify() {
                color: themed("text_color1");
            }
        }
    }
@@ -264,11 +277,19 @@
            $item_width: 8.3rem;
            width: $item_width;
            font-size: 1.8rem;
            color: $text_color4;
            @include themify() {
                color: themed("text_color2");
            }
            img {
                height: $item_width;
                border-radius: 50%;
                background: #fff;
                @include themify() {
                    border: themed("main_background") 1px solid;
                }
            }
        }
    }
@@ -296,8 +317,11 @@
    }
    .assets_item {
        color: $text_color4;
        font-size: 2.1rem;
        @include themify() {
            color: themed("text_color2");
        }
        .icon {
            width: 1.8rem;
@@ -313,8 +337,11 @@
        }
        .assets_item_light {
            color: #9b9b9b;
            font-weight: 300;
            @include themify() {
                color: themed("text_color2");
            }
        }
    }
}