1. 首页
  2. 编程语言
  3. Javascript
  4. xmlplus组件设计系列之按钮(2)

xmlplus组件设计系列之按钮(2)

上传者: 2021-06-21 06:12:08上传 PDF文件 84.24 KB 热度 18次

在 xmlplus 中,HTML 元素也以组件的方式存在。使用 Bootstrap 样式来定义按钮组件是一个好主意。现在下面给出一个组件,它基于 Bootstrap 样式,但它明显地简化了按钮的使用方式。这里以 EasyUI 的图标按钮为例来说明如何封装并使用图标按钮。与上一节对 Bootstrap 按钮的封装类似,通过观察提炼出重复出现的部分,将变化的部分以接口形式展现。使用类似 Bootstrap, EasyUI 等开源框架,可以避免重造轮子。上述的设计思路与前面直接使用 Bootstrap 样式定义按钮不同点在于,前者已经为你定义好了各个全局的样式类,你只需要直接引用就可以了。从封装的角度看,后者的内聚性要强于前者,因为它并不暴露全局类名。本系列文章基于 xmlplus 框架。

用户评论