如何修改Element-UI的input样式
elementui+vue项目中，在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效
方式：在本页面重新定义style样式且不需要写scoped即可生效
注意：为了不影响其他位置的元素样式，需要定义一个特定的class类名便于区分。
input简介：
返回 String，它包含以 Input 或 Binary 方式打开的文件中的字符。语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分：部分描述number必要。任何有效的数值表达式，指定要返回的字符个数。filenumber必要。任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。-element ui中文官网
Input 函数只用于以 Input 或 Binary 方式打开的文件。与 Input # 语句不同，Input 函数返回它所读出的所有字符，包括逗号、回车符、空白列、换行符、引号和前导空格等。对于 Binary 访问类型打开的文件，如果试图用 Input 函数读出整个文件，则会在 EOF 返回 True 时产生错误。-men
在用 Input 读出二进制文件时，要用 LOF 和 Loc 函数代替 EOF 函数，而在使用 EOF 函数时要配合以 Get 函数。注意 对于文本文件中包含的字节数据要使用 InputB 函数。对于 InputB 来说，number 指定的是要返回的字节个数，而不是要返回的字符个数。-element ui中文官网
Compliment 是什么意思
n.1. 恭维话，赞美辞，颂辞，敬意2. 谦恭有礼，3. [复数]致敬，问候；祝贺vt.1. 祝贺，向…致贺辞；向…致意，问候；赞美；恭维：Her guests complimented her on her cooking.
客人们对她的烹饪技艺大加赞扬。
-men
如何采用element-plus，基于codemirror6实现sql在线编辑器
js在线sql编辑器，下载后导入IDE工具中，在浏览器访问sql-editor-master/index.html ，效果如下(含括号高亮显示、显示折叠栏)：
codeMirror官网https://codemirror.net/， 官网js/css资源文件，也可自行去官网下载，但是官网比较慢，需引入的核心页面代码：
《link rel=“stylesheet“ href=“css/codemirror.css“ /》
《link rel=“stylesheet“ href=“test/addon/fold/foldgutter.css“》
《link rel=“stylesheet“ href=“css/theme/dracula.css“ /》
《link rel=“stylesheet“ href=“css/show-hint.css“ /》
《link rel=“stylesheet“ href=“js/jquery-easyui/themes/default/easyui.css“》
《link rel=“stylesheet“ href=“js/layui/css/layui.css“》
《link rel=“stylesheet“ href=“css/index.css“ /》
《script type=“text/javascript“》var baseUrl =““;《/script》
《script type=“text/javascript“ src=“js/jquery.min.js“》《/script》
《script type=“text/javascript“ src=“js/jquery-easyui/jquery.easyui.min.js“》《/script》
《script type=“text/javascript“ src=“js/jquery-easyui/locale/easyui-lang-zh_CN.js“》《/script》
《script type=“text/javascript“ src=“js/editor/codemirror.js“》《/script》
《!-- 折叠栏显示 --》
《script type=“text/javascript“ src=“test/addon/fold/foldcode.js“》《/script》
《script type=“text/javascript“ src=“test/addon/fold/foldgutter.js“》《/script》
《script type=“text/javascript“ src=“test/addon/fold/comment-fold.js“》《/script》
《!-- 括号高亮匹配 --》
《script type=“text/javascript“ src=“test/addon/fold/matchbrackets.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sublime.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sql.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sql-hint.js“》《/script》
《script type=“text/javascript“ src=“js/editor/show-hint.js“》《/script》
《!-- sql格式 --》
《script type=“text/javascript“ src=“js/editor/formatting.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sql-formatter.min.js“》《/script》
《script type=“text/javascript“ src=“js/layui/layui.js“》《/script》
《script type=“text/javascript“ src=“js/index.js“》《/script》
《textarea id=“code“》《/textarea》
核心js代码：
//根据DOM元素的id构造出一个编辑器
var editor=CodeMirror.fromTextArea(document.getElementById(“code“),{
mode:“text/c-mysql“, //实现Java代码高亮
lineNumbers:true,
matchBrackets: true, //括号高亮匹配
theme:“default“,
keyMap: “default“,
extraKeys:{“Tab“:“autocomplete“},
hint: CodeMirror.hint.sql,
lineWrapping: true, //是否换行
foldGutter: true, //是否折叠
gutters: [“CodeMirror-linenumbers“, “CodeMirror-foldgutter“], //添加行号栏，折叠栏
hintOptions: {
tables: tablewords
}
});
输入关键词提示等信息的配置：allWords.json
动态设置表字段等信息：
let tableWords = {“dual“: };
let tableName = “tn_user“;
tableWords[tableName].push(“userId“);
editor.setOption(“hintOptions“, {“tables“: tableWords});
tableWords json格式如下：
“tableWords“: {
“cp_sku“: [
“skuid“,
“cpbh“,
“tcbh“
],
“user_info“: [
“user_id“,
“user_token“,
“user_name“,
“user_type“,
“password“
]
}
-element ui中文官网
