注意:说明:
注意:阅读这篇前,请确保你已经了解 快速开始定制 的内容。
一、场景
你可以修改该四个默认字体大小值的对应实际映射渲染字体大小值,来修改文本工具的实际字体大小。也可以新增或减少字体大小值,使得用户能够更精准管控。
二、仅修改默认渲染字体大小值
粘贴以下代码到 快速开始定制 里准备好的test.js中,即可完成修改。具体说明请见注释。
TCIC.SDK.instance.promiseState(TCIC.TMainState.Joined_Class, true).then(() => { TCIC.SDK.instance.promiseState(TCIC.TMainState.Board_Ready, true).then(() => { const tool = TCIC.SDK.instance.getComponent('board-tool-component').getVueInstance(); tool.textSize.sizes = [280, 320, 360, 400]; // 这里分布对应工具默认四个字体大小值: 14 16 18 20 TCIC.SDK.instance.getBoard().setTextSize(第二个字体16的size, 上面第二项的值, 用于默认); });});
三、新增或减少字体的大小值
粘贴以下代码到 快速开始 里准备好的test.js中,即可完成修改。具体说明请见注释。
TCIC.SDK.instance.promiseState(TCIC.TMainState.Joined_Class, true).then(() => { TCIC.SDK.instance.promiseState(TCIC.TMainState.Board_Ready, true).then(() => { const tool = TCIC.SDK.instance.getComponent('board-tool-component').getVueInstance(); tool.textSize.values = [14, 16, 18, 20, 22, 24]; // 所有需要对用户展示的字体大小值 tool.textSize.sizes = [280, 320, 360, 400, 600, 750]; // 上述所有值的映射实际大小值. 该数组每一项均和 values 数组每一项对应 TCIC.SDK.instance.getBoard().setTextSize(上面第二项的size值, 用于默认); });});
此外,再自定义 css 指定如下样式:
.board-drop-list.popper-text i { font-size: 16px !important;}