Art2

185 阅读1分钟

Art2

首款DOM可视化编辑器

三步认识Art2首先,我们创建一个input输入框然后,我们将输入框的value属性设置为“hello world”最后,我们给输入框一个好看的样式

三步之后,即可生成如下代码

			
			<!doctype html>
			<html>
				<head>
				<meta charset="utf-8">
					<style id="___Art2_Style___">
						.art2{
							width: 200px;
							height: 36px;
							outline: none;
							border-radius: 2px;
							border: 1px solid #ccc;
							padding-left: 6px;
							font-size: 16px;
						}
					</style>
				</head>
				<body>
					<input class="art2" value="hello world" type="text">
				</body>
			</html>
			
		

除了html文件,Art2还可以编辑Vue文件,像这样