用样式类定义样式

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带标签的字符输入”一节有一个修改示例及详细说明，可以参考
• “开发框架模块手册”中的“弹窗信息提交模块”案例中，用一个修改的类来统一定义两更输出框样式的提交窗口，请参考
• LESS中的运算处理，可以参考已默认定义的部分学习，其中如果需要用到 calc 来定义运算处理值，则需注意LESS中的用法为：

  width:~"calc(100% - 200px)";
  height:~"calc(100% - 200px)";