1. 首页
  2. 全部文档
  3. 无代码开发手册
  4. 前端及样式设计(6节)
  5. 默认样式文件说明

默认样式文件说明

默认样式类定义的简单介绍

TERSUS开发工具中用新移动应用模板创建的项目,默认会包含一套LESS样式的文件,这些文件与Bootstrap样式文件共同定义了显示类元件默认的显示风格,如果要用样式类来修改默认的显示风格,请参考修改这两处的样式文件,可以对对应文件中相关样式类的样式标签值进行修改重定义,也可以添加新的样式类至某个文件中并在项目显示元件样式类属性定义中使用样式类名称

新移动应用项目的LESS样式文件说明:

文件名称 定义内容说明
colors.less 背景颜色和字体颜色样式类定义
column.less 可视化元件中显示类中的列元件样式定义,定义了列是block块显示形式/其中按钮显示位置/居中显示样式/子元件显示样式类等内容,样式名称也可以用于其他显示元件中
desktop-view.less 是新移动应用模板中电脑端显示块的默认样式类定义文件 ,默认只定义了高度和是否自动显示滚动条
dialog.less 页面关闭时右侧滑动关闭效果样式,页面头部样式,以及关闭按钮显示图标位置的样式定义
field.less 主要是带标签的输入元件样式定义,可以结合表单元件的定义一起定义,也可以自己修改,可以参考“开发框加模块手册”中“弹窗信息提交模块”一节的示例
flex.less 定义了弹性元素的布局样式,主要用在列元件中和行元件中,对其中的对象进行排列管理
general.less HTML页面主体及相关变量的样式定义
html-editor.less 是在线确认样式及调整样式的功能所用的样式类,已不再使用
list.less 列表元件的样式定义,其LESS内容定义了列表中的项目子元件及更下层子元件的显示效果
mobile-view.less 移动端显示块的样式定义文件,同时定义了显示块中主页面/主页面下的子元件显示效果
page.less 页面显示元件的样式,定义了几个不同间距样式类
spacing.less 边距样式定义,主要是为按钮/按钮组默认定义了与其他元件的边距和图标边距的样式
split-pane.less 左右栏显示对象的样式定义
tabbed-pane.less 分页显示元件的样式,包括了导航对象和页面对象的一样式定义
table-selection.less 对表格中行对象选中状态时的样式进行的定义
tablet-view.less 平板端显示块的默认样式类,包含了显示块中默认添加的主页面/主页面头部/主页面主体/主页面底部的样式类