微信小程序开发指南

基于ColorUI的组件化页面开发

开关

开关选择

样式图例

示例代码

    &lt;view class=&quot;cu-form-group margin-top&quot;&gt;
        &lt;view class=&quot;title&quot;&gt;开关选择&lt;/view&gt;
        &lt;switch&gt;&lt;/switch&gt;
    &lt;/view&gt;

定义颜色

样式图例

示例代码

&lt;view class=&quot;cu-form-group&quot;&gt;
        &lt;view class=&quot;title&quot;&gt;定义颜色&lt;/view&gt;
        &lt;switch class=&quot;red sm&quot; checked&gt;&lt;/switch&gt;
    &lt;/view&gt;

定义图标

样式图例

示例代码

    &lt;view class=&quot;cu-form-group&quot;&gt;
        &lt;switch class=&quot;switch-sex&quot; checked&gt;&lt;/switch&gt;
        &lt;view class=&quot;title&quot;&gt;定义图标&lt;/view&gt;
    &lt;/view&gt;

方形开关

样式图例

示例代码

    &lt;view class=&quot;cu-form-group&quot;&gt;
        &lt;view class=&quot;title&quot;&gt;方形开关&lt;/view&gt;
        &lt;switch class=&quot;orange radius sm&quot; checked&gt;&lt;/switch&gt;
    &lt;/view&gt;

页面列表

ITEM_HTML