29WxOrder/29WxOrderWpf/Styles/TabControlStyle.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
	<!--  ========== 侧边 TabControl ==========  -->
	<Style x:Key="SideTabControl" TargetType="TabControl">
		<Setter Property="Background" Value="White" />
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="TabControl">
					<Grid>
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="120" />
							<ColumnDefinition Width="*" />
						</Grid.ColumnDefinitions>

						<!--  左侧导航  -->
						<Border
							Grid.Column="0"
							Background="#F7F8FA"
							BorderBrush="#E8EAED"
							BorderThickness="0,0,1,0">
							<ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
								<StackPanel Margin="0,12">
									<TextBlock
										Margin="20,8,0,16"
										FontSize="20"
										FontWeight="Bold"
										Foreground="{StaticResource mainColorBrush}"
										Text="设置" />
									<TabPanel IsItemsHost="True" />
								</StackPanel>
							</ScrollViewer>
						</Border>

						<!--  右侧内容  -->
						<ScrollViewer
							Grid.Column="1"
							Padding="0"
							VerticalScrollBarVisibility="Auto">
							<ContentPresenter ContentSource="SelectedContent" />
						</ScrollViewer>
					</Grid>
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>

	<!--  ========== 侧边 TabItem ==========  -->
	<Style x:Key="SideTabItem" TargetType="TabItem">

		<Setter Property="Cursor" Value="Hand" />
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="TabItem">
					<Border
						x:Name="Bd"
						Margin="0,2"
						Padding="12,10"
						Background="Transparent">
						<Grid>
							<Grid.ColumnDefinitions>
								<ColumnDefinition Width="Auto" />
								<ColumnDefinition Width="*" />
								<ColumnDefinition Width="Auto" />
							</Grid.ColumnDefinitions>

							<TextBlock
								x:Name="Icon"
								Grid.Column="0"
								Margin="0,0,12,0"
								VerticalAlignment="Center"
								FontSize="22"
								Foreground="{StaticResource mainColorBrush}"
								Style="{StaticResource TextBlockIcon}"
								Text="{TemplateBinding Tag}" />


							<!--  只给 Header 文字设字号/颜色  -->
							<ContentPresenter
								x:Name="HeaderHost"
								Grid.Column="1"
								VerticalAlignment="Center"
								ContentSource="Header"
								TextElement.FontSize="14"
								TextElement.FontWeight="Normal"
								TextElement.Foreground="{StaticResource mainColorBrush}" />

							<!--  选中时的右侧小圆点  -->
							<Ellipse
								x:Name="Dot"
								Grid.Column="2"
								Width="6"
								Height="6"
								VerticalAlignment="Center"
								Fill="#0078D4"
								Visibility="Collapsed" />
						</Grid>
					</Border>

					<ControlTemplate.Triggers>
						<Trigger Property="IsMouseOver" Value="True">
							<Setter TargetName="Bd" Property="Background" Value="#ECEEF2" />
						</Trigger>
						<Trigger Property="IsSelected" Value="True">
							<Setter TargetName="Bd" Property="Background" Value="#E6F0FB" />
							<Setter TargetName="Dot" Property="Visibility" Value="Visible" />
							<Setter TargetName="HeaderHost" Property="TextElement.Foreground" Value="{StaticResource mainColorBrush}" />
							<Setter TargetName="HeaderHost" Property="TextElement.FontWeight" Value="SemiBold" />
						</Trigger>
					</ControlTemplate.Triggers>
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>

	<!--  ========== 设置卡片 ==========  -->
	<Style x:Key="SettingsCard" TargetType="Border">
		<Setter Property="Background" Value="White" />
		<Setter Property="BorderBrush" Value="#E8EAED" />
		<Setter Property="BorderThickness" Value="1" />
		<Setter Property="CornerRadius" Value="8" />
		<Setter Property="Padding" Value="0" />
		<Setter Property="Margin" Value="0,0,0,16" />
	</Style>

	<!--  ========== 设置项行 ==========  -->
	<Style x:Key="SettingRow" TargetType="Border">
		<Setter Property="Padding" Value="16,14" />
		<Setter Property="BorderBrush" Value="#F0F1F3" />
		<Setter Property="BorderThickness" Value="0,0,0,1" />
	</Style>

	<!--  ========== 设置项标题 ==========  -->
	<Style x:Key="SettingTitle" TargetType="TextBlock">
		<Setter Property="FontSize" Value="14" />
		<Setter Property="Foreground" Value="#1F2329" />
		<Setter Property="VerticalAlignment" Value="Center" />
	</Style>

	<!--  ========== 设置项说明 ==========  -->
	<Style x:Key="SettingDesc" TargetType="TextBlock">
		<Setter Property="FontSize" Value="12" />
		<Setter Property="Foreground" Value="#8A9099" />
		<Setter Property="Margin" Value="0,4,0,0" />
		<Setter Property="TextWrapping" Value="Wrap" />
	</Style>

	<!--  ========== 页面标题 ==========  -->
	<Style x:Key="PageTitle" TargetType="TextBlock">
		<Setter Property="FontSize" Value="22" />
		<Setter Property="FontWeight" Value="Bold" />
		<Setter Property="Foreground" Value="#1F2329" />
		<Setter Property="Margin" Value="0,0,0,4" />
	</Style>

	<Style x:Key="PageSubtitle" TargetType="TextBlock">
		<Setter Property="FontSize" Value="13" />
		<Setter Property="Foreground" Value="#8A9099" />
		<Setter Property="Margin" Value="0,0,0,24" />
	</Style>

	<!--  ========== 开关样式 ==========  -->
	<Style x:Key="ToggleSwitch" TargetType="CheckBox">
		<Setter Property="Width" Value="44" />
		<Setter Property="Height" Value="24" />
		<Setter Property="Cursor" Value="Hand" />
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="CheckBox">
					<Border
						x:Name="Track"
						Width="44"
						Height="24"
						Background="#D0D3D8"
						CornerRadius="12">
						<Ellipse
							x:Name="Thumb"
							Width="18"
							Height="18"
							Margin="3,0,0,0"
							HorizontalAlignment="Left"
							Fill="White" />
					</Border>
					<ControlTemplate.Triggers>
						<Trigger Property="IsChecked" Value="True">
							<Setter TargetName="Track" Property="Background" Value="#0078D4" />
							<Setter TargetName="Thumb" Property="HorizontalAlignment" Value="Right" />
							<Setter TargetName="Thumb" Property="Margin" Value="0,0,3,0" />
						</Trigger>
						<Trigger Property="IsMouseOver" Value="True">
							<Setter TargetName="Track" Property="Opacity" Value="0.9" />
						</Trigger>
					</ControlTemplate.Triggers>
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>

</ResourceDictionary>