Skip to main content

表单应用支持自定义样式的元素

应用级别​

sinoform-app-inited​

body 标签的 className

image-20200707154920948

sinoform-app​

草稿、待办、已办、查询列表、单表单页面和单应用页面组件的根元素的 className

image-20200713113851891

单表单页面或单应用​

sinoform-single-page-header​

单表单或单应用页面头部应用栏的 className

image-20200707155822718

sinoform-single-page-content​

单表单或单应用页面中间内容区域的 className

image-20200707160117672

草稿列表​

sinoform-draft-page​

草稿页面容器组件的 className，草稿列表所有的组件都是该组件的子元素。

image-20200707160908479

sinform-draft-page__card​

草稿列表每一个草稿项的 className

image-20200707161911745

待办列表​

sinoform-todo-page​

待办列表页面容器组件的 className，待办列表所有的组件都是该组件的子元素。

image-20200707162359913

sinoform-list__searchform​

待办列表、已办列表上方查询区域的 className

image-20200714114627045

sinoform-table​

待办列表、已办列表、查询列表、无流程列表表格的 className

image-20200707162706139

sinoform-table-head-cell​

表格中表头单元格的 className

image-20200707163235042

sinoform-table-cell​

表格中数据单元格的 className

image-20200707163500503

已办列表​

sinoform-done-page​

已办列表页面容器组件的 className，已办列表所有的组件都是该组件的子元素

image-20200707165751780

查询列表​

sinoform-search-page​

查询列表页面容器组件的 className，查询列表所有的组件都是该组件的子元素

image-20200707170115874

sinoform-search-page__buttons-row​

查询列表页面，高级搜索和自定义列按钮所在容器组件的 className

image-20200707170358974

sinoform-search-page__search-panel​

查询列表页面，高级搜索展开后容器组件的 className

image-20200707170506723

sinoform-search-page-common-search​

高级搜索常用搜索容器组件的 className

image-20200707170748041

sinoform-search-page-common-search__title​

高级搜索常用搜索标题组件的 className

image-20200707171201661

sinoform-search-page-common-search__items​

高级搜索常用搜索项容器组件的 className

image-20200707171313142

sinoform-search-page-common-search__tip​

没有常用搜索项的提示语组件的 className

image-20200707172007663

sinoform-search-page-search-item​

高级搜索中每一行查询项的 className

image-20200707172341720

分页​

sinoform-table-pagination​

分页组件容器的 className

image-20200707173000961

sinoform-table-pagination__total​

分页总条数组件的的 className

image-20200707173108306

sinoform-table-pagination__number​

分页切换和跳页组件容器的 className

image-20200707173330334

草稿、待办、已办、查询列表和无流程表单列表表格容器​

sinoform-data-table-layout​

待办、已办、草稿、查询列表和无流程表单列表的容器组件都有该 className。

image-20200707173852061

起草和详情页面​

sinoform-detail-page__title​

详情页面标题组件的 className

image-20200707174116663

sinoform-detail-page__title-text​

详情页面标题文本的 className

image-20200707174228752

sinoform-detail-page__body​

详情页面表单区域和右侧操作区域的容器组件的 className

image-20200707174515248

sinoform-detail-page__body-main​

详情页面表单和按钮区域的 className

image-20200714115245257

sinoform-detail-page__body-main__form​

image-20200714115359081

sinoform-detail-page__body-main__footer​

详情页面底部按临时意见和操作按钮区域的 className

image-20200714115649145

sinoform-flow-idea​

详情页面底部按临时意见区域的 className

image-20200708085329228

sinoform-detail-page-buttons-panel​

详情页面底部按按钮区域的 className

image-20200708085602265

sinoform-btn-{流程按钮 id}​

各流程按钮的 className 为 sinoform-btn-前缀，{}中的文字为流程按钮的配置 id,因为 id 是可以在二次开发中扩展和修改的，所以在编写样式时，需要确定下当前各流程按钮的 id。举例说明，比如发送按钮的 id 为 submit，则发送按钮的 className 为 sinoform-btn-submit

image-20200709161300009

sinoform-detail-page-body-aside​

详情页面右侧边栏组件的 className

image-20200708090109836

sinoform-flow-idea__item​

详情页面侧边栏审批意见项的 className

image-20200708090422508

sinoform-flow-record__item​

详情页面侧边栏流程日志项的 className

image-20200708091946280

sinoform-side-sheet​

流程图定位容器的 className

image-20200708093301741

sinoform-flow-chart​

流程图容器组件的 className

image-20200708093535261