1. 首页
  2. 全部文档
  3. 无代码图形化编程手册
  4. 前端及样式设计(6节)
  5. 用样式类定义样式

用样式类定义样式

Less样式类高级定义

.mobile-view
{
	top:0px;
	width:100%;
	.page {
		height:100%;
	        top: 0;
	        width: 100%;
		>.header
		{
			background-color:@page-header-background;
			>.btn.right
			{
				top:10px;
				right:10px;
			}
		}
	}
}
  • 以上是一个Less框架定义样式的示例,通过这种框架可直接在样式文件中对父对象和子对象一起定义样式
  • Less框架样式使用更加简单,只需对父元件进行样式值设定即可
  • 新移动应用模板的默认样式文件说明请参考“默认样式文件说明”一节
  • 更多Less样式框架信息可参考在线文档,如 https://less.bootcss.com
  • 可以打开项目文件夹中样式文件的文件(参考“前端及样式设计”一节中项目文件夹中的样式文件说明),修改项目默认的样式类和值

用记事本或Notepad++打开Less样式文件修改默认样式

案例

  • 在“可视化元件”一章中“用户端元件(显示元件)”组中“Text Labeled Field带标签的字符输入”一节有一个修改示例及详细说明,可以参考
  • 开发框架模块手册中的“弹窗信息提交模块”案例中,用一个修改的类来统一定义两更输出框样式的提交窗口,请参考