电脑桌面
添加蚂蚁七词文库到电脑桌面
安装后可以在桌面快捷访问

主题定制系列——字段图标替换

来源:金蝶云社区作者:金蝶2024-09-234

主题定制系列——字段图标替换

## 用户场景 在苍穹标准产品里,字段的默认按钮图标是固定的,比如:日期图标是日历、下拉列表图标是箭头,除此之外,业务字段更多的是一个搜索图标。 虽然目前基础资料字段支持设计器进行图标的替换,但是这仅能替换当前表单的当前字段。 有的客户希望能系统级别替换字段的图标,替换成具有自己品牌特色的图标或者具有特殊业务含义的图标,这样对于用户体验来说更加友好,更利于区分; ## 功能介绍 这里我们默认你已掌握了主题定制功能,如不了解,请先前往[主题定制](https://vip.kingdee.com/article/90752877873775360) 支持图标替换的字段有通用字段(日期、长日期、下拉列表、时间)、业务字段(包含:基础资料、组织、物料、币别、用户、科目、客户、供应商等); 基础资料可配置统一的按钮图标,同时可按基础资料具体业务进行绑定 ```js { "theme": { "@theme-color": "#5582F3" }, "defaultProps": { "common": { "field": { "replaceIcons": { "basedata": { "commonIcon": "iconfont iconfont-f", // 统一的按钮图标,没配置具体的按钮图标就取这个公共值 "specIcon": { "bos_org": "iconfont icon-zuzhiqunzu", // 配置组织字段的按钮图标 "bd_material": "iconfont icon-wuliaoguanli", // 配置物料字段的按钮图标 "bd_currency": "iconfont icon-bibie-", // 配置币别字段的按钮图标 "bos_user": "iconfont icon-yonghu", // 配置用户字段的按钮图标 "bd_accountview": "iconfont icon-kemu", // 配置科目字段的按钮图标 "bd_customer": "iconfont icon-kehu", // 配置客户字段的按钮图标 "bd_supplier": "iconfont icon-gongyingshang" // 配置供应商字段的按钮图标 } } } } } } } ``` 基础资料字段默认按钮图标生效规则为: 优先获取特定字段配置的图标,如无,则拿统一设置的公共图标。 注:有些字段支持设计器进行按钮图标的替换,比如基础资料,这时生效的是设计器配置的按钮图标 ![image.webp](/download/0100b71798b575ba4fb3ae30255efc402e35.webp) ## 实操 1、扩展所需要的字体图标,如不了解,请先前往[字体图标拓展使用指引](https://vip.kingdee.com/article/109360188280612608) 2、进行主题配置: ```js { "theme": { "@theme-color": "#5582F3" }, "defaultProps": { "common": { "field": { "replaceIcons": { "date": "iconfont icon-riqi", "datetime": "iconfont icon-geshi-changriqi",

主题定制系列——字段图标替换

## 用户场景在苍穹标准产品里,字段的默认按钮图标是固定的,比如:日期图标是日历、下拉列表图标是箭头,除此之外,业务字段更多的是一个...
点击下载文档文档为doc格式

声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。如若本站内容侵犯了原著者的合法权益,可联系本站删除。

确认删除?
回到顶部
客服QQ
  • 客服QQ点击这里给我发消息
QQ群
  • 答案:my7c点击这里加入QQ群
支持邮箱
微信
  • 微信