From 47f2756ec6a9e758f3cdf10e73ab197cb5a17d60 Mon Sep 17 00:00:00 2001
From: CeZhu <821293938@qq.com>
Date: Sun, 31 Dec 2023 17:17:26 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Views/HomeView.xaml | 141 +++++++++++++++++++++++++++-----------------
 1 file changed, 87 insertions(+), 54 deletions(-)

diff --git a/Views/HomeView.xaml b/Views/HomeView.xaml
index 69e53ce..d461426 100644
--- a/Views/HomeView.xaml
+++ b/Views/HomeView.xaml
@@ -8,70 +8,103 @@
     <ContentPage.Content>
         <VerticalStackLayout Background="#F3F3F3">
 
-            <StackLayout Orientation="Vertical" Padding="20">
+            <Frame BackgroundColor="White" CornerRadius="5" BorderColor="Transparent"
+                   Margin="10,5">
+                <Grid RowSpacing="20">
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="*" />
+                        <RowDefinition Height="*" />
+                        <RowDefinition Height="*" />
+                    </Grid.RowDefinitions>
 
-                <StackLayout Orientation="Horizontal" VerticalOptions="Center">
-                    <Label Text="接单中" WidthRequest="200" HeightRequest="50" VerticalOptions="Center" FontSize="20"></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"></Label>
+                    <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>
-                </StackLayout>
-            </StackLayout>
 
-            <Grid Padding="20" Margin="0,30" RowSpacing="20">
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="*" />
-                    <RowDefinition Height="*" />
-                </Grid.RowDefinitions>
+                    <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>
 
-                <Grid.ColumnDefinitions>
-                    <ColumnDefinition Width="*" />
-                    <ColumnDefinition Width="*" />
-                    <ColumnDefinition Width="*" />
-                </Grid.ColumnDefinitions>
+                    <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="0" Grid.Column="0">
-                    <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="0" Grid.Column="1">
-                    <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="0" Grid.Column="2">
-                    <Label Text="总金额(元)" FontSize="12" 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="1" 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="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>
 
-                <!-- 第二行，第二列 -->
-                <VerticalStackLayout Grid.Row="1" 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>
+            <Frame BackgroundColor="White"
+                    BorderColor="Transparent"
+                    CornerRadius="5"
+                    Margin="10,5">
+                <Grid RowDefinitions="*,*,*,*" ColumnDefinitions="auto,auto,*" ColumnSpacing="10">
+                    <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>
 
-                <!-- 第二行，第三列 -->
-                <VerticalStackLayout Grid.Row="1" 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>
+                    <Label
+                        Grid.Row="0" Grid.Column="2"
+                        Text="已完成"
+                        HorizontalOptions="End"
+                        VerticalOptions="Center"
+                        TextColor="#919191">
+                    </Label>
+                </Grid>
+            </Frame>
+            
         </VerticalStackLayout>
     </ContentPage.Content>
 </ContentPage>
\ No newline at end of file