尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

应用程序主题生成很简单!界面控件DevExtreme有现成的主题生成器

应用程序主题生成很简单!界面控件DevExtreme有现成的主题生成器 DevExtreme拥有高性能的HTML5 / JavaScript小部件集合使您可以利用现代Web开发堆栈包括ReactAngularASP.NET CorejQueryKnockout等构建交互式的Web应用程序该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。DevExtreme新旧版本帮助文档下载可进QQ qun获取169725316ThemeBuilder允许开发者基于Bootstrap或预定义的DevExtreme主题创建自定义主题它由一个UI版本(如下图所示)和一个命令行界面(CLI)组成。重要提示ThemeBuilder只使用基于HTML的UI组件要为基于SVG的UI组件创建自定义主题请遵循说明。入门指南打开ThemeBuilder后会出现一个主题配置向导。开发人员可以选择是否创建一个新的主题或导入一个现有的​​​​​​​DevExtreme或Bootstrap主题。创建一个新主题新主题基于预定义的​​​​​​​DevExtreme主题按照以下步骤在向导中创建一个新主题点击Choose a Base Theme。选择一个基本主题Generic 或 Material。选择配色方案并更改基本外观设置。更改基本设置后可以单击Export将主题导出到样式表。我们还建议您导出主题的元数据如果您计划要迁移到未来的​​​​​​​DevExtreme版本中需要元数据来更新您自定义的主题。如果需要更多自定义选项请单击Advanced Settings。导入现有主题开发人员可以从预先保存的DevExtreme元数据或从Bootstrap变量导入现有主题按照下面的步骤在向导中完成点击Import a Theme。选择是否从​​​​​​​DevExtreme元数据或Bootstrap变量导入主题。如果需要导入DevExtreme元数据可以通过上传包含元数据的.json文件或将元数据粘贴到文本区。要导入Bootstrap变量请上传一个变量。Bootstrap 3或Bootstrap 4的_variables.scss文件ThemeBuilder使用来自变量的颜色来创建与Bootstrap主题一致的主题。导入主题后向导将导航到主视图来进行其他主题的自定义。
返回列表