font - DataV - Alibaba Cloud ドキュメントセンター

フォントセレクター、フォントの重みセレクター、フォントサイズのステッパー、および単色のパディングボックスで構成されるフォントコントロールスイートを設定できます。

設定の説明

項目	説明	データ型	必須ですか?	補足
`名前`	コントロールの名前。The name of the control.	String	継続する	なし。
`タイプ`	コントロールのタイプ。	String	継続する	なし。
`default`	デフォルト値。	array	継続しない	このフィールドを指定しない場合、デフォルト値は空です。
`コンポーネント`	スイート内のコントロール。	array	継続しない	デフォルト値: `["fontFamily","fontWeight","fontSize","color"]` `"fontFamily"` 、`"fontWeight"` 、`"fontSize"` 、`"color"` を設定できます。
`enableHide`	スイート内のコントロールを非表示にするかどうかを指定します。	Boolean	継続しない	デフォルト値: `false`。このフィールドを`true`に設定すると、表示または非表示のアイコンが表示され、`表示`フィールドが追加されます。

値の説明

条件

データ型

例

デフォルト値

enableHideフィールドが設定されていないか、falseに設定されています。

object

{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12
}

{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12
}

enableHideフィールドはtrueに設定されています。

object

{
 "fontFamily": "simSun",
 "fontWeight": 400,
 "color": "#333",
 "fontSize": 12,
 "show": true
}

{
 "fontFamily": "Microsoft Yahei",
 "fontWeight": "normal",
 "color": "#fff",
 "fontSize": 12,
 "show": true
}

設定例

enableHideフィールドは設定されていません

Configuration example 1

{
  "font": {
    "name": "Font",
    "type": "font",
    "default": {
      "fontFamily": "simSun",
      "fontWeight": 400,
      "color": "#333",
      "fontSize": 12
    }
  }
}

enableHideフィールドがtrue に設定されています Configuration example 2

{
  "font": {
    "name": "Font",
    "type": "font",
    "enableHide": true,
    "default": {
      "fontFamily": "simSun",
      "fontWeight": 400,
      "color": "#333",
      "fontSize": 12
    }
  }
}

componentsフィールドのカスタム設定 Configuration example 3

{
  "fontComponents": {
    "name": "Font",
    "type": "font",
    "enableHide": true,
    "components": ["fontSize", "color"]
  }
}