fix: split buttons.

This commit is contained in:
Zhang Dian 2023-03-27 15:35:43 +08:00
parent afb0fbcea6
commit a015bbe3e0

View File

@ -47,36 +47,40 @@
<RadioButton Theme="{StaticResource ButtonRadioButton}">选项 2</RadioButton> <RadioButton Theme="{StaticResource ButtonRadioButton}">选项 2</RadioButton>
</StackPanel> </StackPanel>
</Border> </Border>
<RadioButton Margin="4" Theme="{StaticResource CardRadioButton}"> <StackPanel Orientation="Horizontal">
<StackPanel> <RadioButton Margin="4" Theme="{StaticResource CardRadioButton}">
<TextBlock FontWeight="Bold">Option 1</TextBlock> <StackPanel>
<TextBlock Classes="Tertiary">Description 1</TextBlock> <TextBlock FontWeight="Bold">Option 1</TextBlock>
</StackPanel> <TextBlock Classes="Tertiary">Description 1</TextBlock>
</RadioButton> </StackPanel>
<RadioButton </RadioButton>
Margin="4" <RadioButton
IsChecked="True" Margin="4"
Theme="{StaticResource CardRadioButton}"> IsChecked="True"
<StackPanel> Theme="{StaticResource CardRadioButton}">
<TextBlock FontWeight="Bold">Option 2</TextBlock> <StackPanel>
<TextBlock Classes="Tertiary">Description 2</TextBlock> <TextBlock FontWeight="Bold">Option 2</TextBlock>
</StackPanel> <TextBlock Classes="Tertiary">Description 2</TextBlock>
</RadioButton> </StackPanel>
<RadioButton Margin="4" Theme="{StaticResource PureCardRadioButton}"> </RadioButton>
<StackPanel> </StackPanel>
<TextBlock FontWeight="Bold">Option 1</TextBlock> <StackPanel Orientation="Horizontal">
<TextBlock Classes="Tertiary">Description 1</TextBlock> <RadioButton Margin="4" Theme="{StaticResource PureCardRadioButton}">
</StackPanel> <StackPanel>
</RadioButton> <TextBlock FontWeight="Bold">Option 1</TextBlock>
<RadioButton <TextBlock Classes="Tertiary">Description 1</TextBlock>
Margin="4" </StackPanel>
IsChecked="True" </RadioButton>
Theme="{StaticResource PureCardRadioButton}"> <RadioButton
<StackPanel> Margin="4"
<TextBlock FontWeight="Bold">Option 2</TextBlock> IsChecked="True"
<TextBlock Classes="Tertiary">Description 2</TextBlock> Theme="{StaticResource PureCardRadioButton}">
</StackPanel> <StackPanel>
</RadioButton> <TextBlock FontWeight="Bold">Option 2</TextBlock>
<TextBlock Classes="Tertiary">Description 2</TextBlock>
</StackPanel>
</RadioButton>
</StackPanel>
</StackPanel> </StackPanel>
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
@ -84,57 +88,60 @@
<CheckBox Margin="0,0,8,0" IsChecked="True">WPF</CheckBox> <CheckBox Margin="0,0,8,0" IsChecked="True">WPF</CheckBox>
<CheckBox IsChecked="{x:Null}" IsThreeState="True">UWP</CheckBox> <CheckBox IsChecked="{x:Null}" IsThreeState="True">UWP</CheckBox>
</StackPanel> </StackPanel>
<StackPanel Orientation="Horizontal">
<CheckBox Margin="4" Theme="{StaticResource CardCheckBox}"> <CheckBox Margin="4" Theme="{StaticResource CardCheckBox}">
<StackPanel> <StackPanel>
<TextBlock FontWeight="Bold">Option 1</TextBlock> <TextBlock FontWeight="Bold">Option 1</TextBlock>
<TextBlock Classes="Tertiary">Description 1</TextBlock> <TextBlock Classes="Tertiary">Description 1</TextBlock>
</StackPanel> </StackPanel>
</CheckBox> </CheckBox>
<CheckBox <CheckBox
IsChecked="True" IsChecked="True"
Margin="4" Margin="4"
Theme="{StaticResource CardCheckBox}"> Theme="{StaticResource CardCheckBox}">
<StackPanel> <StackPanel>
<TextBlock FontWeight="Bold">Option 2</TextBlock> <TextBlock FontWeight="Bold">Option 2</TextBlock>
<TextBlock Classes="Tertiary">Description 2</TextBlock> <TextBlock Classes="Tertiary">Description 2</TextBlock>
</StackPanel> </StackPanel>
</CheckBox> </CheckBox>
<CheckBox <CheckBox
IsThreeState="True" IsThreeState="True"
IsChecked="{x:Null}" IsChecked="{x:Null}"
Margin="4" Margin="4"
Theme="{StaticResource CardCheckBox}"> Theme="{StaticResource CardCheckBox}">
<StackPanel> <StackPanel>
<TextBlock FontWeight="Bold">Option 3</TextBlock> <TextBlock FontWeight="Bold">Option 3</TextBlock>
<TextBlock Classes="Tertiary">Description 3</TextBlock> <TextBlock Classes="Tertiary">Description 3</TextBlock>
</StackPanel> </StackPanel>
</CheckBox> </CheckBox>
<CheckBox Margin="4" Theme="{StaticResource PureCardCheckBox}"> </StackPanel>
<StackPanel> <StackPanel Orientation="Horizontal">
<TextBlock FontWeight="Bold">Option 1</TextBlock> <CheckBox Margin="4" Theme="{StaticResource PureCardCheckBox}">
<TextBlock Classes="Tertiary">Description 1</TextBlock> <StackPanel>
</StackPanel> <TextBlock FontWeight="Bold">Option 1</TextBlock>
</CheckBox> <TextBlock Classes="Tertiary">Description 1</TextBlock>
<CheckBox </StackPanel>
IsChecked="True" </CheckBox>
Margin="4" <CheckBox
Theme="{StaticResource PureCardCheckBox}"> IsChecked="True"
<StackPanel> Margin="4"
<TextBlock FontWeight="Bold">Option 2</TextBlock> Theme="{StaticResource PureCardCheckBox}">
<TextBlock Classes="Tertiary">Description 2</TextBlock> <StackPanel>
</StackPanel> <TextBlock FontWeight="Bold">Option 2</TextBlock>
</CheckBox> <TextBlock Classes="Tertiary">Description 2</TextBlock>
<CheckBox </StackPanel>
Margin="4" </CheckBox>
IsThreeState="True" <CheckBox
IsChecked="{x:Null}" Margin="4"
Theme="{StaticResource PureCardCheckBox}"> IsThreeState="True"
<StackPanel> IsChecked="{x:Null}"
<TextBlock FontWeight="Bold">Option 3</TextBlock> Theme="{StaticResource PureCardCheckBox}">
<TextBlock Classes="Tertiary">Description 3</TextBlock> <StackPanel>
</StackPanel> <TextBlock FontWeight="Bold">Option 3</TextBlock>
</CheckBox> <TextBlock Classes="Tertiary">Description 3</TextBlock>
</StackPanel>
</CheckBox>
</StackPanel>
</StackPanel> </StackPanel>
<StackPanel Orientation="Horizontal"> <StackPanel Orientation="Horizontal">
<ToggleSwitch <ToggleSwitch