开关
<h1>开关选择</h1>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=b4c23476f3b10fae32529429636f43d6&file=file.png" alt="" />
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=3604c5cc3b3f8b9c6c2b9ff6a60ed8a4&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"> <view class="cu-form-group margin-top">
<view class="title">开关选择</view>
<switch></switch>
</view></code></pre>
<h1>定义颜色</h1>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=18a3c64042db3c266005be575e203851&file=file.png" alt="" />
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=98f886f8b9c61ad56631e05cbf2ae1b5&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"><view class="cu-form-group">
<view class="title">定义颜色</view>
<switch class="red sm" checked></switch>
</view></code></pre>
<h1>定义图标</h1>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=0d05ecd7cb8a5064616b160fc6b43c9e&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"> <view class="cu-form-group">
<switch class="switch-sex" checked></switch>
<view class="title">定义图标</view>
</view></code></pre>
<h1>方形开关</h1>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6b47680fbf9d707be00b8a8560d43740&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"> <view class="cu-form-group">
<view class="title">方形开关</view>
<switch class="orange radius sm" checked></switch>
</view></code></pre>