更新内容:
0.3.7
0.3.6
0.3.5
更新详情:
主题定制
新版本发布后,支持一定程度的主题定制,以满足业务和品牌上多样化的视觉需求,包括但不限于主色、圆角、边框和部分组件的视觉定制。以下是一些最常用的通用变量,所有样式变量可以在 这里 找到。
@global-primary-color: #009688; // 主题色 @global-checked-color: #5FB878; // 选中色 @global-border-radius: 2px; // 圆角度数
除全局的主题配置外, 我们还对组件提供定制化的主题配置
@button-primary-color: #009688; // 按钮主题色 @button-border-radius: 2px; // 按钮圆角度数 ...
如何定制 ,建立一个单独的 less 变量文件,引入这个文件覆盖 index.less 里的变量。
@import '@layui/layui-vue/lib/index.less'; // 引入官方提供的 less 样式入口文件 @import 'your-theme-file.less'; // 用于覆盖上面定义的变量
异常组件
在实际开发场景中,开发者需要去定义常用错误页面,为避免大量重复的编码工作,我们为开发者预定义了一组通用的错误页面,使用 lay-exception 标签进行创建
结果组件
除异常页面外,我们还可以通过 result 组件,来构建 成功 与 失败 的反馈提醒
分割面板
更灵活的布局方案
评论删除后,数据将无法恢复
layui-vue 0.3.7 发布,新增大量基础组件,支持主题定制
更新内容:
0.3.7
0.3.6
0.3.5
更新详情:
主题定制
新版本发布后,支持一定程度的主题定制,以满足业务和品牌上多样化的视觉需求,包括但不限于主色、圆角、边框和部分组件的视觉定制。以下是一些最常用的通用变量,所有样式变量可以在 这里 找到。
除全局的主题配置外, 我们还对组件提供定制化的主题配置
如何定制 ,建立一个单独的 less 变量文件,引入这个文件覆盖 index.less 里的变量。
异常组件
在实际开发场景中,开发者需要去定义常用错误页面,为避免大量重复的编码工作,我们为开发者预定义了一组通用的错误页面,使用 lay-exception 标签进行创建
结果组件
除异常页面外,我们还可以通过 result 组件,来构建 成功 与 失败 的反馈提醒
分割面板
更灵活的布局方案