🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 给内容主题 Theming content 页面的主题内容区域(标有 data-role="content"属性的容器),应该通过给data-role="page"属性的容器增加 data-theme属性来确保不管页面多高背景色都能够在整个页面都应用到 (如果你只为data-role="content"容器添加了data-theme属性,则背景色会在内容结束部分停止,可能会造成固定尾部栏和内容之间产生留白 ``` <div data-role="page" **data-theme="a"**> ``` ## 给折叠区块主题 Theming collapsible blocks 给可折叠区块的容器添加data-theme属性,就可以给折叠块的标题设置主题。图标和折叠的内容目前还不能通过data-theme属性设置,但是可以通过自定义的css设置 ``` <div data-role="collapsible" data-collapsed="true" **data-theme="a">** ``` ## 主题的示例 Themed examples 主题a ![](images/Themed%20examples/Themed%20examples_a.png) 主题b ![](images/Themed%20examples/Themed%20examples_b.png) 主题c ![](images/Themed%20examples/Themed%20examples_c.png) 主题d ![](images/Themed%20examples/Themed%20examples_d.png) 主题e ![](images/Themed%20examples/Themed%20examples_e.png)