主题定制系列——字段风格

栏目:云苍穹知识作者:金蝶来源:金蝶云社区发布:2024-09-23浏览:3

主题定制系列——字段风格

# 变更记录 | 产品版本 | 更新内容 | 更新日期 | | --- | --- | --- | | V6.0.001 | 主题定制所属的路径从配置工具变更为基础服务云下个性设置的主题定制 | 2023-10-24 | ## 用户场景 在苍穹标准产品里,字段的默认风格是下划线。 但有的客户希望能把默认风格改成输入框,甚至希望编辑态可以用边框风格展示,查看态展示成下划线的风格,这样对于用户体验来说更加友好,更利于区分是否可编辑; ## 功能介绍 这里我们默认你已掌握了主题定制功能,如不了解,请先前往[主题定制](https://vip.kingdee.com/article/90752877873775360) 支持的默认字段风格包含: 下划线(0)、标签(1)、边框(2) 通过主题,可对字段进行以下配置: * 为所有字段统一设置默认风格 * 为查看态设置特定字段的默认风格 * 对特定字段设置默认风格 配置的字段默认风格生效规则为: 优先获取特定字段配置的属性,如无,则拿统一设置的字段默认风格 ## 实操 主题配置: ```js { "theme": { "@theme-color": "#1890ff" }, "defaultProps": { "common": { "field": { "fieldStyle": 2, "fieldStyleInView": 0 } }, "textarea": { "fieldStyleInView": 2 } } } ``` 在这里,我们可看到: 字段拥有公共的默认参数: 输入框的默认字段风格和查看态为下划线的默认字段风格; 同时这里对多行文本字段特殊处理,为之设置了查看态为输入框的字段风格 ## 效果展示 注:如下截图的页面二开都没有手动去设置字段风格,取的都是默认的属性 ### 编辑态 苍穹标准平台 ![image.webp](/download/01004d6582facbb04be59abdd3eadd03e1ee.webp) 配置字段风格后 ![image.webp](/download/01001eeca708a0c7454995bed1950e9d5de4.webp) 对比可看出,通过主题对字段风格的配置,字段风格被从下划线被改成了边框 ### 查看态 苍穹标准平台 ![image.webp](/download/0100b41e482630c84b83bb7426f08ddc2bd4.webp) 配置字段风格之后 ![image.webp](/download/0100a217a7b392634fafae9606f410b98fd2.webp) 通过对比, 多行文本默认字段风格由下划线被改成了边框风格 ## 注意事项 所有字段的公共属性必须放在`common` 内,很多同学搞错了位置,导致配置不生效

主题定制系列——字段风格

# 变更记录| 产品版本 | 更新内容 | 更新日期 || --- | --- | --- || V6.0.001 | 主题定制所属的路径从配置工具变更为基础...
点击下载文档
确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息