ppwjs之bootstrap颜色：背景颜色

时间 2019-12-05

原文原文链接

<!DOCTYPT html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>ppwjs欢迎您</title>
		<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	</head>
	<body>
	</body>
	<script src="/jsVersionControl.js" charset="utf-8" type="text/javascript"></script>
	<script src="/lib/_sys_ppwjsmain.js" charset="utf-8" type="text/javascript"></script>
	<script charset="utf-8" type="text/javascript">引入("/index.js",$真)</script>
</html>

//程序开始
引入(_sys_bootstrap4_all_addr + ".js",$真);

var 标题1 = "背景颜色".到标题元素();
变量 段落1 = 建立段落("重要的背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.重要类);
变量 段落2 = 建立段落("执行成功背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.执行成功类);
变量 段落3 = 建立段落("信息提示背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.信息提示类);
变量 段落4 = 建立段落("警告背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.警告类);
变量 段落5 = 建立段落("危险背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.危险类);
变量 段落6 = 建立段落("副标题背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.副标题类);
变量 段落7 = 建立段落("深灰背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.深灰类);
变量 段落8 = 建立段落("浅灰背景颜色").添加属性($bootstrap.属性.类,$bootstrap.文字颜色.白色类).添加属性($bootstrap.属性.类,$bootstrap.背景颜色.浅灰类);

变量 容器 = bootstrap4.建立容器();
容器.添加子节点(标题1,段落1,段落2,段落3,段落4,段落5,段落6,段落7,段落8);

加到主体(容器);