标签：代码 版本 efault img 现在 span fineui 比较 ref
FineUIPro/Mvc/Core的下个版本（v6.1.0），我们对复选框进行了增强，通过一个属性启用开关样式。
先来看下示例效果，浅色主题（Pure Black）：
深色主题（Dark Hive）：
在这个更新中，我们为CheckBox控件新增了如下 4 个属性：
在上述例子中，我们分别演示了如下几种使用场景：
部分页面标签代码如下：
<f:CheckBox ID="CheckBox1" ShowLabel="false" runat="server" Text="复选框" DisplayType="Switch" Checked="true"> </f:CheckBox> <f:CheckBox ID="CheckBox3" Label="开关文本" runat="server" Checked="true" DisplayType="Switch" ShowSwitchText="true"> </f:CheckBox> <f:CheckBox ID="CheckBox4" Label="开关文本（自定义）" runat="server" DisplayType="Switch" ShowSwitchText="true" SwitchOnText="1" SwitchOffText="0"> </f:CheckBox> <f:CheckBox ID="CheckBox5" Label="开关文本（图标字体）" runat="server" DisplayType="Switch" ShowSwitchText="true"> </f:CheckBox> <f:CheckBox ID="CheckBox6" CssClass="mycheckbox" Label="开关文本（自定义）" runat="server" DisplayType="Switch" ShowSwitchText="true" SwitchOnText="开启" SwitchOffText="关闭"> </f:CheckBox>
对于最后一个比较长的自定义文本，还需要简单的CSS样式来配合：
<style> .mycheckbox .f-field-checkbox-switch .f-field-checkbox-switch-text { min-width: 40px; } </style>
官网示例已更新：
现在加入【三石和他的朋友们】星球，下载FineUIPro/Mvc/Core（基础版）：https://fineui.com/fans/
标签：代码 版本 efault img 现在 span fineui 比较 ref
原文地址：https://www.cnblogs.com/sanshi/p/11995499.html
