当前位置: 首页 > 网络应用技术

如何在Django中介绍Elementui(2023年的最新完成)

时间:2023-03-08 01:34:16 网络应用技术

  简介:许多朋友问有关Django如何介绍Elementui的问题。首席执行官在本文中注明将为您提供详细的答案,以供所有人参考。我希望这对每个人都会有所帮助!让我们一起看看!

  前言:因为当项目框架启动时,这更加紧迫。在该项目中引入的元素-UI组件是根据需要分类和介绍的!害怕忘记这种介绍方式,因此记录,无需太多,服务!

  我上传了目录结构。该框架使用VUE版本,尚未转换为TS版本!

  首先创建CompanyImport.js,介绍所有元素-UI的样式和所使用的组件,该格式如下

  然后输入main.js文件,介绍先前定义的文件,然后使用vue.use(xxx)进行全局语句

  遵循焦点!

  在main.js中写下以下内容:

  对于Babel-Plugin-Compont,我们只能引入所需的组件,以减少项目的数量。

  首先,安装Babel-Plugin-Component:

  然后,将.babelrc修改为:

  接下来,如果您只想引入一些组件,例如按钮和选择,则需要在main.js中编写以下内容:

  创建一个新样式文件,例如element-variables.scss,编写以下内容:

  之后,在项目的入口文件中,您可以直接介绍上述样式文件(无需介绍元素编译的CSS文件):

  例如,可以通过命令行中的ET调用工具来调用全局安装。如果将其安装在当前目录中,则需要通过node_modules/.bin/et/et.execute -i初始化变量文件访问命令。默认值已输出到element -variabls.scss。当然,您可以将参数传递到指定的文件输出目录。

  例如,编辑element-variables.scss文件,例如,主题颜色为红色。

  PS:注意不要手动修改https://www.shouxicto.com/article/theme。

  您可以将命令添加到添加命令:“ build_theme”:“ node_modules/.bin/et-O https://www.shouxicto.com/article/themes”

  运行:npm run build_theme

  如果上述工具是在全球安装的,请运行:

  1. Head Tag Plus:

  2.添加您需要使用的ID,将变量与[[]套件一起使用,并且可以同时使用JIAJA2变量:

  3.在JS中构造实例VM:

  首先,从node_module的高版本中查找element-ui/packages中的组件

  2. Main.JS简介

  第三,在node_modules中的element-ui/lib/them-chalk中找到相应的组件样式

  结论:以上是CTO主要CTO的所有内容有关Django如何介绍Elementui的内容。感谢您花时间阅读本网站上的ContentFind。