<van-tabs tab-class="tab-class" tab-active-class="tab-active-class" color="#00A7B5" animated active="{{ active }}" bind:change="onChange">
    <van-tab title="日">

    </van-tab>
    <van-tab title="周">

    </van-tab>
    <van-tab title="月">

    </van-tab>
    <van-tab title="年">

    </van-tab>
    <van-tab title="自定义">

    </van-tab>
</van-tabs>
<view style="display:flex;background:white;padding:6px;font-size: 13px;margin-top: 1px;">
    <view style="flex: 1;color: #11c4e0;">前一天</view>
    <view style="flex:1;text-align: center;font-weight: bold;">2024-03-12</view>
    <view style="flex:1;text-align:right;color: #11c4e0;">后一天</view>
</view>

<view>
    <view style="display: flex;">
        <view style="background:white;flex:1;margin:8px 0px 8px 8px;border-radius:15rpx;padding: 15px;">
            <view style="font-size:12px;margin: 5px;">销售金额</view>
            <view style="font-weight:bold;margin: 5px;"><text style=" font-size: 12px;">￥</text>0.00 元</view>
            <view style="text-align: center;margin: 5px; margin-top: 22px;"> ?</view>
            <view style="color: #44d4d4;text-align: center;margin: 5px;">100.00%</view>
            <view style="font-size: 10px;text-align: center;margin: 5px;">比昨日上升</view>
        </view>
        <view style="background:white;flex:1;margin:8px 8px 8px 8px;border-radius:15rpx;padding: 15px;">
            <view style="font-size:12px;margin: 5px;">销售毛利</view>
            <view style="font-weight:bold;margin: 5px;"><text style=" font-size: 12px;">￥</text>0.00 元</view>
            <view style="text-align: center;margin: 5px; margin-top: 22px;"> ?</view>
            <view style="color: #44d4d4;text-align: center;margin: 5px;">100.00%</view>
            <view style="font-size: 10px;text-align: center;margin: 5px;">比昨日上升</view>
        </view>
    </view>
    <view style="display: flex;">
        <view style="background:white;flex:1;margin:0px 0px 8px 8px;border-radius:15rpx;padding: 15px;">
            <view style="font-size:12px;margin: 5px;">优惠后金额</view>
            <view style="font-weight:bold;margin: 5px;"><text style=" font-size: 12px;">￥</text>0.00 元</view>
            <view style="text-align: center;margin: 5px; margin-top: 22px;"> ?</view>
            <view style="color: #44d4d4;text-align: center;margin: 5px;">100.00%</view>
            <view style="font-size: 10px;text-align: center;margin: 5px;">比昨日上升</view>
        </view>
        <view style="background:white;flex:1;margin:0px 8px 8px 8px;border-radius:15rpx;padding: 15px;">
            <view style="font-size:12px;margin: 5px;">销售净利润</view>
            <view style="font-weight:bold;margin: 5px;"><text style=" font-size: 12px;">￥</text>0.00 元</view>
            <view style="text-align: center;margin: 5px; margin-top: 22px;"> ?</view>
            <view style="color: #44d4d4;text-align: center;margin: 5px;">100.00%</view>
            <view style="font-size: 10px;text-align: center;margin: 5px;">比昨日上升</view>
        </view>
    </view>
</view>

<view style="background:white;margin:0px 8px 8px 8px;border-radius:15rpx;padding: 10px;display:flex;">
    <view style="flex:1;margin: 24px;">
        <view style="text-align: center;">
            <view class='circleBar'>
                <view class="wrap">
                    <canvas class="cir" class="cancas_wh" canvas-id="canvasArc1"></canvas>
                    <view class="centerWord">0.00%</view>
                </view>
            </view>
        </view>
        <view style="text-align: center;">0元</view>
        <view style="text-align: center;font-size: 13px;">回款额</view>
    </view>
    <view style="flex:1;margin: 24px;">
        <view style="text-align: center;">
            <view class='circleBar'>
                <view class="wrap">
                    <canvas class="cir" class="cancas_wh" canvas-id="canvasArc2"></canvas>
                    <view class="centerWord">0.00%</view>
                </view>
            </view>
        </view>
        <view style="text-align: center;">0元</view>
        <view style="text-align: center;font-size: 13px;">退款额</view>
    </view>
</view>