Appcan UI Class 样式参考手册
"Appcan-UI-Class-速查手册提供了Appcan框架中一系列UI类别的详细定义,这些类别主要用于定制和控制移动应用的界面元素样式和交互效果。" Appcan是一个国内开发的移动应用开发框架,它允许开发者使用HTML5、CSS3和JavaScript来构建原生的手机应用。在Appcan的UI Class速查手册中,我们可以看到许多预定义的CSS类,这些类用于简化和标准化应用界面的视觉呈现和交互行为。 1. `che` 类:此类用于定义复选框在水平排列时选中状态的样式。你可以通过这个类来定制选中后复选框的外观,比如颜色、边框等。 2. `che-icon` 类:这个类允许开发者指定复选框的图标,可以根据复选框的选中或未选中状态设置不同的图标。这可以通过CSS伪类如`:checked`来实现状态切换。 3. `col` 类:与复选框的选中状态配合使用,定义列表展开时的圆角效果。可以调整圆角大小以改变列表项展开时的视觉感受。 4. `col-icon` 类:用于控制折叠列表展开或关闭时的图标变化。可以设置不同的图标以表示列表的展开和关闭状态。 5. `col-c` 类:默认情况下,带有此类的列表内容是隐藏的。结合`zy_fold`函数,可以在列表展开时动态显示或隐藏内容区域。 6. `lis` 类:用于设置列表项的内边距,控制列表元素之间的距离,以达到理想的布局效果。 7. `lis-icon` 和 `lis-th` 类:分别用于定义列表中以图标形式和缩略图形式展示的图片样式。 8. `lis-sw` 类:定义具有指示作用的图标样式,如箭头,通常用于表示列表项的可扩展性或其他交互状态。 9. `rdi` 类:用于定义单选按钮选中后的样式,类似于`che`类,但适用于单选按钮。 10. `rdi-icon` 类:为单选按钮定义图标,同样支持根据单选按钮状态显示不同图标。 11. `res` 类:定义了一些控件使用的图标,通过数字区分不同类型的图标,方便在不同场景下引用。 12. `selselect` 类:用于定制下拉列表的样式,可以修改下拉列表的外观和交互反馈。 13. `tab` 类:定义选项卡的高度和内边距,可能还包括选项卡小图标,以提供一致的选项卡式导航体验。 14. `swi` 类:用于开关按钮的尺寸和背景图片,`swi-btn` 类则控制滑块的样式。 15. `uabs` 类:将元素定位在页面左上角,使用绝对定位。 16. `ub` 系列类:如`ub-t`、`ub-l`、`uba`、`uba1`等,用于定义各种边框样式,包括宽度和位置。`ub` 类配合`ub-f[1-4]`使用,可以实现基于Box模型的布局。 17. `ub-ac`、`ub-ae`、`ub-con` 和 `ub-pc` 类:这些都是布局辅助类,用于实现元素的垂直居中、底部对齐、内容居中等布局效果。`ub-con` 类则用于创建一个内部容器,避免内容影响子元素的大小。 这些类是Appcan UI设计的基础元素,通过组合和自定义这些预设样式,开发者可以轻松构建符合设计规范且功能丰富的移动应用界面。
下载后可阅读完整内容,剩余7页未读,立即下载
- 粉丝: 0
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C++标准程序库:权威指南
- Java解惑:奇数判断误区与改进方法
- C++编程必读:20种设计模式详解与实战
- LM3S8962微控制器数据手册
- 51单片机C语言实战教程:从入门到精通
- Spring3.0权威指南:JavaEE6实战
- Win32多线程程序设计详解
- Lucene2.9.1开发全攻略:从环境配置到索引创建
- 内存虚拟硬盘技术:提升电脑速度的秘密武器
- Java操作数据库:保存与显示图片到数据库及页面
- ISO14001:2004环境管理体系要求详解
- ShopExV4.8二次开发详解
- 企业形象与产品推广一站式网站建设技术方案揭秘
- Shopex二次开发:触发器与控制器重定向技术详解
- FPGA开发实战指南:创新设计与进阶技巧
- ShopExV4.8二次开发入门:解决升级问题与功能扩展