appcan ui class参考.doc

DEV 文档>开发文档> APP UI css 文档目录 ui-bar -bar-a -bar-b -bar-c -bar-d -bar-e -bar-glass 设置渐变条的边框,字体颜色,字体阴影等效果 -bar-a 说明表示有 1px 边框的颜色渐变条,字体颜色,加粗有阴影的效果代码示例<div data-role="header" class="ui-header ui-bar-a "> <h1 class="ui-title" tabindex="0" role="heading" aria-level="1"> Title </h1> </div> 图例 -bar-b 说明表示有 1px 边框的颜色渐变条,字体颜色,加粗有阴影的效果代码示例<div data-role="header" class="ui-header ui-bar-b "> <h1 class="ui-title" tabindex="0" role="heading" aria-level="1"> Title </h1> </div> 图例 -bar-c 说明表示有 1px 边框的颜色渐变条,字体颜色,加粗有阴影的效果代码示例<div data-role="header" class="ui-header ui-bar-c "> <h1 class="ui-title" tabindex="0" role="heading" aria-level="1"> Title </h1> </div> 图例 -bar-d 说明表示有 1px 边框的颜色渐变条,字体颜色,加粗有阴影的效果代码示例<div data-role="header" class="ui-header ui-bar-d "> <h1 class="ui-title" tabindex="0" role="heading" aria-level="1"> Title </h1> </div> 图例 -bar-e 说明表示有 1px 边框的颜色渐变条,字体颜色,加粗有阴影的效果代码示例<div data-role="header" class="ui-header ui-bar-e "> <h1 class="ui-title" tabindex="0" role="heading" aria-level="1"> Title </h1> </div> 图例 -bar-glass 说明表示从 0% 的 透明的白色到 50% 的 透明白色到 50% 的全透明 100% 的全透明的渐变色, 类似于半透白色的玻璃罩效果代码示例<div data-role="header" class="ui-header ui-bar-b ui-bar-glass "> <h1 class="ui-title" tabindex="0" role="heading" aria-level="1"> 第一页</h1> </div> 图例 6. 其他关联不同效果的渐变条 ui-bar-a,ui-bar-a input,ui-bar-a select,ui-bar-a textarea,ui-bar-a button ui-bar-a .ui-link-inherit ui-bar-a .ui-link 目录 ui-body -body-a -body-b -body-c -body-d -body-e 设置某区域样式 -body-a 说明设置某区域的样式:背景颜色渐变,有实线边框,区域内的字体标准并且字体颜色带阴影等样式,如下图代码示例<div id="page_0" class="ui-page ui-body-a ui-page-active" tabindex="0"> <div class="ui-content ui-body-a ui-fixed-top ui-fixed-bottom"> <br> ui-body-a </div> </div> 图例 -body-b 说明设置某区域的样式:背景颜色渐变,有实线边框,区域内的字体标准并且字体颜色带阴影等样式,如下图代码示例<div id="page_0" class="ui-page ui-body-a ui-page-active" tabindex="0"> <div class="ui-content ui-body-b ui-fixed-top ui-fixed-bottom"> <br> ui-body-b </div> </div> 图例 -body-c 说明