autosos-maui/Views/HomeView.xaml

<?xml version="1.0" encoding="utf-8"?>

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:viewmodels="clr-namespace:autosos_maui.ViewModels"
             x:DataType="viewmodels:HomeViewModel"
             x:Class="autosos_maui.Views.HomeView"
             xmlns:amap="clr-namespace:Com.Amap.Api.Maps2d;assembly=AMap2DMapAndroidBinding">
    <ContentPage.Content>
        <VerticalStackLayout Background="#F3F3F3">

            <Frame BackgroundColor="White" CornerRadius="5" BorderColor="Transparent"
                   Margin="10,5">
                <Grid RowSpacing="20">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>

                    <StackLayout Orientation="Horizontal" VerticalOptions="Center" Grid.ColumnSpan="3">
                        <Label Text="接单中" WidthRequest="200" HeightRequest="50" FontSize="20"
                               FontAttributes="Bold">
                        </Label>
                        <Switch IsToggled="{Binding IsToggled,Mode=TwoWay}"></Switch>
                        <Label Text="|" WidthRequest="20" HeightRequest="20" TextColor="#BFBFBF"></Label>
                        <StackLayout HorizontalOptions="End" Orientation="Vertical">
                            <Image Source="order_receiving_start.png" IsVisible="{Binding IsToggled}"
                                   HeightRequest="30"
                                   WidthRequest="30" />
                            <Image Source="order_receiving_end.png"
                                   IsVisible="{Binding IsToggled,Converter={StaticResource BoolNegationConverter}}"
                                   HeightRequest="30" WidthRequest="30" />
                            <Label Text="订单" HorizontalOptions="Center" TextColor="#919191"></Label>
                        </StackLayout>
                    </StackLayout>

                    <VerticalStackLayout Grid.Row="1" Grid.Column="0">
                        <Label Text="10" FontSize="20" FontAttributes="Bold" HorizontalOptions="Center"></Label>
                        <Label Text="钱包(元)" FontSize="12" HorizontalOptions="Center"></Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Grid.Row="1" Grid.Column="1">
                        <Label Text="10" FontSize="20" FontAttributes="Bold" HorizontalOptions="Center"></Label>
                        <Label Text="总订单数" FontSize="12" HorizontalOptions="Center"></Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Grid.Row="1" Grid.Column="2">
                        <Label Text="10" FontSize="20" FontAttributes="Bold" HorizontalOptions="Center"></Label>
                        <Label Text="总金额(元)" FontSize="12" HorizontalOptions="Center"></Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Grid.Row="2" Grid.Column="0">
                        <Image Source="tixian_ic.png" WidthRequest="20" HeightRequest="30" HorizontalOptions="Center"></Image>
                        <Label Text="提现" FontSize="14" FontAttributes="Bold" HorizontalOptions="Center"></Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Grid.Row="2" Grid.Column="1">
                        <Image Source="gerenzhongxin_ic.png" WidthRequest="20" HeightRequest="30"
                               HorizontalOptions="Center">
                        </Image>
                        <Label Text="个人中心" FontSize="14" FontAttributes="Bold" HorizontalOptions="Center"></Label>
                    </VerticalStackLayout>

                    <VerticalStackLayout Grid.Row="2" Grid.Column="2">
                        <Image Source="shezhi_ic.png" WidthRequest="20" HeightRequest="30" HorizontalOptions="Center"></Image>
                        <Label Text="设置" FontSize="14" FontAttributes="Bold" HorizontalOptions="Center"></Label>
                    </VerticalStackLayout>
                </Grid>
            </Frame>

            <Frame BackgroundColor="White"
                    BorderColor="Transparent"
                    CornerRadius="5"
                    Margin="10,5">
                <Grid RowDefinitions="*,*,*,*" ColumnDefinitions="auto,auto,*" ColumnSpacing="10" RowSpacing="15">
                    <Label
                        Grid.Row="0" Grid.Column="0"
                        Text="搭电"
                        FontSize="20"
                        FontAttributes="Bold"
                        TextColor="{StaticResource Primary}" />
                    
                    <Frame
                        Grid.Row="0" Grid.Column="1"
                        CornerRadius="8"
                        HeightRequest="16"
                        HorizontalOptions="Start"
                        Padding="4,0">
                        <Label Text="最近订单" FontSize="8" VerticalOptions="Center" HorizontalOptions="Center" TextColor="#919191" />
                    </Frame>

                    <Label
                        Grid.Row="0" Grid.Column="2"
                        Text="已完成"
                        HorizontalOptions="End"
                        VerticalOptions="Center"
                        TextColor="#919191">
                    </Label>
                    
                    <BoxView Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="3"
                        HeightRequest="1" Color="#EDEDED" ></BoxView>

                    <StackLayout Grid.Row="2" Grid.Column="0"
                        Orientation="Horizontal" HorizontalOptions="Start">
                        <Image
                            Source="time_ic.png"
                            HeightRequest="12" WidthRequest="12"
                            Margin="0,0,10,0">
                        </Image>
                        <Label
                            Text="2023-11-20 17:25:53"
                            FontSize="12" TextColor="#9B9B9B">
                        </Label></StackLayout>
                    
                    <Label Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2"
                           Text="宁波市鄞州区下应街道湖下路"
                           FontSize="15"
                           FontAttributes="Bold"
                           VerticalOptions="End"></Label>
                    
                    <StackLayout Grid.Row="3" Grid.Column="2"
                        Orientation="Horizontal" HorizontalOptions="End">
                        <Label Text="￥" FontSize="13" FontAttributes="Bold" VerticalOptions="End"></Label>
                        <Label Text="50" FontSize="32" FontAttributes="Bold" VerticalOptions="End"></Label>
                    </StackLayout>
                </Grid>
            </Frame>
            
            <Frame BackgroundColor="White"
                   BorderColor="Transparent"
                   CornerRadius="5"
                   Margin="10,5">
                
            </Frame>
            
        </VerticalStackLayout>
    </ContentPage.Content>
</ContentPage>